Cara Membuat Efek Zoom Gambar Dipostingan Blog.Efek ini selain menjadikan artikel lebih menarik tentunya juga bisa membantu kita untuk memperjelas gambar yang kita sisipkan pada postingan
Langsung saja berikut ini caranya:
Langsung saja berikut ini caranya:
Login dulu ke blogger
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 dikasih kode tersebut akan membesar dengan sendirinya seperti gambar diatas.Silakan mempraktikkan semoga bermanfaat dan tak lupa jangan lupa tinggalkan komennya bila membaca artikel ini makasih.
No comments:
Post a Comment