IQROZEN | Tips-triks Agar Tampilan Gambar pada Postingan Membesar/ Mengecil dengan Otomatis. Mungkin sobat semua sudah memahami peranan sebuah gambar yang terdapat pada artikel atau postingan blog. Secara tidak langsung, gambar-gambar yang dipasang di dalam postingan tersebut memberi efek menarik minat pengunjung blog. Bahkan gambar dapat juga memberi nuansa hidup dari setiap untaian kalimat yang tercantum. Tinggal bagaimana kita menyesuaikan tema gambar dengan isi artikel yang diposting.
Namun apa jadinya jika gambar yang ditampilkan bersama isi postingan ternyata terlalu kecil? Hal ini tentu akan menyulitkan sebagian pengunjung blog karena tidak dapat maksimal melihat apa yang tercantum di dalam gambar. Untuk mengatasi masalah ini, saya sudah mempunyai pengalaman pribadi yakni memasang kode HTML di template sehingga kita dapat zoom gambar secara otomatis. Untuk melihat demonya silakan arahkan tanda kursor anda ke salah satu gambar yang ada di dalam postingan blog ini.
Langsung saja tanpa basa-basi lagi, berikut Cara Agar Gambar Postingan Dapat Maju-Mundur / Besar-kecil secara otomatis;
1. Login ke akun blogger
2. Cari template dan klik edit HTML
3. Carilah kode ]]></b:skin>, catatan; gunakan ctrl + f agar lebih mudah dan cepat
4. Letakkan kode berikut tepat di atas kode ]]></b:skin>
.post-body img:hover {5. Save template, selesai
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
-webkit-transform: scale(1.3,1.3); }
Demikian Cara Agar gambar bergerak maju-mundur/ besar-kecil secara otomatis ketika ada kursor yang mengarah pada gambar di dalam postingan. Harapannya, gambar-gambar dalam postingan blog kita dapat membantu pengunjung dan mempermudah pengunjung saat membaca postingan kita. Semoga Bermanfaat!
 |
| Gambar ini membesar secara otomatis |