Efek Zoom Gambar Pada Blog

dsbor | Cara Membuat Efek Zoom Gambar Pada Blog.- Untuk lebih membuat blog sobat terlihat menarik ada banyak cara yang bisa dilakukan seperti membuat tulisan berkedip atau mungkin membuat burung twitter melayang di blog dan masih banyak lagi cara untuk mempercantik blog.

Kali ini saya akan membahas tentang trik mempercantik blog dengan menggunakan Efek Zoom Gambar di Blog berikut tips dan triknya :

Cara Membuat Efek Zoom Gambar Pada Blog

• 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 (contoh dekatkan mouse sobat pada gambar diatas)....

Selamat mencoba dan semoga bermanfaat sobat...!!!