Tulisan dan Gambar merupakan suatu hubungan yang sangat erat layaknya Suami da Istri dalam membuat postingan. terutama para blogger yang suka memposting artikel tutorial, Gambar sangatlah penting untuk membantu memperjelas postingan tersebut.
Nah pada kesempatan kali ini ane mau bagi-bagi trik CARA MEMBUAT EFEK ZOM GAMBAR DI BLOG. Maksudnya, Gambar akan otomatis ngeZoom atau membesar jika panah kursor kita arahkan pada gambar tersebut. tentunya itu akan lebih membantu terutama jika ada pengunjung blog kita yang agak sedikit Katarak he..he..he.. Ok langsong saja ke tutorialnya lah ya.
1. Login ke blogger.
2. Masuk menu Rancangan
3. Pilih Edit HTML
4. Beri centang pada tulisan Expan template widget
5. Kemudian cari kode ]]></b:skin> pada kolom HTML (gunakan Ctrl+F untuk mempercepat pencarian)
6. Setelah ketemu, masukkan kode berikut ini tepat diatas kode ]]></b:skin> 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); }
7. Terakir klik simpan template. selesai.
Mudah kan?? singkat padat jelas dan mudah untuk diterapkan namun efeknya cukup menarik. selamat memcoba.
muantef gan....lajutkan kreasinya
ReplyDeleteSandy@ terimakasih master,, dukungan dan saran serta kritik sangat kami harapkan.
ReplyDelete