Ketika anda mengarahkan kursor ke salah satu gambar yang ada, gambar tersebut akan membesar dari ukuran semula. Itulah namanya efek zoom. Akan kelihatan menarik jika anda mencobanya.
1. Login ke Blogger
2. Lalu klik Rancangan/Design
3. Klik Edit HTML, jangan lupa centang pada bagian Expand Template Widget
4. Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.
5. Jika anda sudah menemukannya, masukkan kode CSS berikut ini tepat di atas kode tadi
.post img:hover{-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transform:scale(1.3)}
6. Simpan Template anda. Sekarang coba lihat perubahannya
Sumber : www.ada-blog.com
