Membuat Efek Zoom di blog dianggap perlu untuk menampilkan gambar yang lebih jalas. Efek Zoom Image berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar di blog. Dengan memberi efek zoom Image, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar.Cara pembuatannya pun cukup mudah dan simple, langsung ke tips cara membuatnya.
Cara Membuat Efek Zoom Image dalah sebagai berikut :
1. Login ke akun blogger.com
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> untuk cari cepat dengan menekan shortcut ctrl+F
.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); }
Tampilan di Edit Templatenya seperti gambar dibawah ini :
4. Klik "Simpan Template" dan lihat salah satu postingan blog anda.
Demikianlah cara paling sederhana alias simpel untuk menampilkan gambar posting membesar apabila tersentuh cursor mouse diblog.
Terimakasih - Happy Blogging
Salam