Membuat Efek Zoom Foto Pada Blog

 
Assalamualaikum, kali ini saya akan berbagi tips untuk membuat efek zoom foto agar blog kita lebih rapi dan mudah untuk di jelajahi, karena kita bisa menaruh foto yang kecil dan akan mempebesar sendiri ketika disentuh. Blog juga akan terlihat semakin keren dan pastinya juga ringan, langsung saja caranya :

1. Buka blogger dan login dengan akun sobat
2. Pilih tab template, klik edit html
3. Centang Expand Template widget
4. Cari kode : ]]></b:skin> (lebih cepat pakai ctrl+f)
5. Salin kode dibawah ini diatas 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}

6. Save Template. Maka secara otomatis semua gambar pada postingan blog anda akan ber-efek zoom dengan rotasi ketika disorot.

Terimakasih, sekian. Wassalamu'alaikum.
sumber : http://myhafiezers.blogspot.com/2012/10/cara-buat-efek-zoom-perbesar-foto-di.html dengan perubahan