Cara Membuat Kotak Area Dengan Efek Membesar

Pada Tutorial Blog Kali IniAkan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Kotak Area Dengan Efek Membesar. Maksud Kotak Area Dengan Efek Membesar Saat Disorot Mouse Ialah Kotak Yg Apabila Disorot Mouse Akan Membesar ..hehehe.

Demonya Di Bawah Ini

Nah ini dia kotaknya.. hehehhee.. Lumayanlah daripada lumanyun.. hahahaha
dikotak ini sobat bisa menaruhkan apa saja termasuk gambar,kode-kode,kata-kata atau apapun Asalkan Jangan Diletakan Duit dialam kotak ini, Pasti akan Hilang..

Caranya Marilah Ikuti Langkah-langkah Berikut :

1.  Login Ke Akun Blogger Sobat
2. Pada Dasbor Klik Rancangan/Design Kemudian Klik EDIT HTML Dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget
3. Letakan CSS Berikut Tepat Diatas kode ]]>

#satriyo {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#tejakode:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}

4 . Simpan Templatenya



Lalau Bagaimanakah Cara Pemakaiannya  ? hehehe

Cara Meletakannya  Didalam Postingan

• Pada Tab HTML
• Masukan KOde Pemanggil
  
  

  
  

  <div id="satriyo">letakan apapun disini terserah</div>

Cara Meletakannya Di Gadget

hehehe Sama Langkahnya Pada Tahap 2 yaitu Masukan KOde Pemanggil

<div id="satriyo">letakan apapun disini terserah</div>