Membuat Efek Zoom Pada Gambar

Kali ini saya ingin berbagi kepada sobat blogger bagaimana cara Membuat Efek Zoom Pada Gambar Postingan Blog. Memang cara ini sudah begitu lama di terapkan oleh sobat blogger namun tak ada salahnya kalau saya mengulas lagi artikel Membuat Efek Zoom Pada Gambar Postingan agar sobat blogger khususnya yang masih pemula agar tahu, seperti owner blogger ini yang masih pemula.

Sebenarnya cara ini mudah sekali dan tidak merepotkan, hanya dengan tambahan kode sedikit maka efek zoom untuk gambar postingan akan berubah, seperti apa yang di inginkan dan hal ini menjadi kebanggaan yang unik bagi sobat blogger yang baru. Anda bisa lihat efek zoom gambar di postingan.

Bisa di lihat contoh gambar di postingan ini apabila sudah mencoba mengarahkan cursor ke gambar, maka akan memberikan efek zoom. Kalau anda sudah melihat gambar di atas mari kita mulai tutorial membuat efek zoom pada gambar postingan:

1. Silahkan anda login ke blogger
2. Menuju edit tamplate. jangan lupa untuk centang expand widget
3. Cari kode  ]]></b:skin> (untuk memudahkan silakan tekan Ctrl+F dan masukan kode  ]]></b:skin>)
4. Kalau sudah ketemu silahkan copy kode dibawah ini dan paste di atas kode  ]]></b:skin>

.post img:hover {

-moz-trnasform: scale(1.3) ;

-webkit-transform: scale(1.3);

-o-transform: scale(1.3)  ;

-ms-transform: scale(1.2)  ;

transform: scale(1.3) ;}

NB: kalau dalam template anda ada kode .post img:hover sebelum kode yang akan anda taruh alangkah baiknya kalau anda hapus dulu.

Semoga postingan ini bermanfaat buat sobat blogger.