Cara Membuat Effect Berputar Dan Zoom Setiap Gambar Di Postingan

Kali ini Saya akan membahas Cara Membuat Effect Berputar Dan Zoom Setiap Gambar Di Postingan. Sebagai contoh Kalian bisa melihat pada Gambar di postingan ini atau pada setiap Postingan Gambar di blog ini, dan sorot kursor Kalian ke arah gambar.

Tanpa berlama-lama, kita langsung ke langkah-langkahnya :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode ]]></b:skin>agar mudah mencari tekan f3
• Copas kode di bawah ini di atas kode ]]></b:skin>.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

• Simpan dan lihat hasilnya.

Selamat Mencoba !