Cara Membuat Efek Zoom (Membesar) pada Gambar di Posting Blogspot

Berikut ini saya bagikan pengetahuan baru tentang dunia perbloggeran yaitu membuat efek zoom pada image/gambar pada blogspot. Dengan efek ini selain menjadikan artikel lebih menarik juga tentunya bisa membantu kita untuk memperjelas gambar yang kita sisipkan pada postingan.

Langsung saja berikut ini caranya:

• Login dulu ke blogger untuk memulai eksperimen ini.
• Kemudian klik bagian Design --> template --> Edit HTML.
• Centang pada bagian Expand Template Widget untuk memulai kerjaan kita. Tapi sebelumnya Anda bisa back up dulu template yang akan Anda edit untuk menghindari hal-hal yang tidak kita inginkan.
• Cari kode ]]></b:skin> pada kode tadi, Anda bisa menggunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.
• Tepat pada bagian sebelum kode ]]></b:skin> tadi silahkan copy kode  berikut:

.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); }

• Trus simpan template yang sudah diedit tadi.
• Sekarang Anda bisa melihat hasil kerja kerja keras Anda. Jika tidak berhasil berarti Anda kurang beruntung silahkan hubungi dokter...hehehe.
• Berikut ini contoh hasilnya:

Semoga bermanfaat....