Cara Membuat Efek Gambar Membesar Ketika di Sorot Mouse

Cara Membuat Efek Gambar Membesar Ketika di Sorot Mouse

Oke kali ini saya akan membuat efek gambar membesar ketika disorot mouse. Apa itu? Gini nih, jadi, gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar ketika ada mouse lewat diatasnya.

penarasan ya ? langsung aja ke TKP ayo bro

Cara membuatnya seperti ini :

1. Untuk membuat efek gambar membesar ketika disorot mouse, pertama login dulu ke akun blogger milik sobat.
2. Terus klik menu Rancangan » Edit HTML.
3. Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
4. tekan CTRL + F
5. Kemudian cari kode berikut ]]></b:skin>
6. Kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
   
   .post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
   .post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
7. Simpan template. Lihat perubahannya apakah sudah berubah atau belum.

kalau sudah lihat hasil nya ya 

sekian dari posting hari ini semoga bermanfaat bagi kalian :D salam hangat