Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse

Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse. Maksud Kotak Area Dengan Efek Membesar Saat Disorot Mouse Ialah Kotak Yg Apabila Disorot Mouse Akan Membesar.

DEMONYA

dan disini letak apapun itu terserah sobat

Jika Sobat Menginginkan Kotak Kode Sperti ini 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 ]]></b:skin>

#exyezet {-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;}#exyezet: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 Template



Lalau Bagaimanakah Cara Pemakaiannya  ?

Cara Meletakannya  Didalam Postingan

• Pada Tab HTML ( Ingat Tab HTML ) 
• Masukan Kode Pemanggil<div id="exyezet"> dan disini letak apapun itu terserah sobat</div>

Cara Meletakannya Di Gadget

hehehe Sama Langkahnya Pada Tahap 2 yaitu

Masukan Kode Pemanggil<div id="exyezet"> dan disini letak apapun itu terserah sobat</div>

Artikel Terkait: