Membuat Efek Zoom Gambar Pada Blog

Untuk lebih mempercantik Blogger, kita akan coba membuat tampilan gambar mempunyai efek zoom caranya adalah sebagai berikut :

• Silahkan Anda login ke blogger Anda masing-masing
• Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
• Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
• Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

Kemudian simpan template sobat dan lihat hasilnya (untuk mencoba hasilnya kita tinggal arahkan mouse ke dekat gambar di blog kita)....

Selamat mencoba dan semoga bermanfaat sobat...!!! Print This Page