Cara Membuat Efek Zoom Di Blog

Berikut ini saya bagikan pengalaman saya didunia perbloggeran yaitu Membuat Efek Zoom Pada Gambar Dipostingan Blogspot. Dengan efek ini selain menjadikan artikel lebih menarik juga tentunya bisa membantu kita untuk memperjelas gambar yang kita sisipkan pada postingan.dan hasilnya nanti kurang akan ada efek seperti kaca pembesar pada gambar jika kursor mause di arahkan pada gambar tersebut.

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.
• Pastekan kode dibawah ini . diatas kode ]]></b:skin> 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); }

• Dan simpan

Setelah itu lihat hasilnya maka akan terlihat setiap tanda panah mouse menempel ke gambar blog yang sudah dikasih kode tersebut akan membesar dengan sendirinya.Silakan mempraktikkan semoga bermanfaat dan tak lupa jangan lupa tinggalkan komennya bila membaca artikel ini makasih.

Share this post