Hallo, apa kabar?
Pada postingan kali ini saya ingin berbagi sedikit trik untuk meng-kostumisasi tampilan blog kita agar terlihat makin menarik. Caranya adalah dengan menambahkan efek auto zoom pada semua gambar yang ada di blog kita.
Yang di maksud auto zoom disini adalah, apa bila gambar yang ada di blog kita tersentuh oleh mouse, maka dengan sendirinya gambar akan membesar (nge-zoom) meskipun tanpa di klik. Untuk lebih jelasnya, lihat contoh animasi di bawah.
contoh auto zoom
Bagai mana, keren? pastinya blog kita akan makin keren bila kita pasang efek demikian. Oke langsung saja pada cara untuk membuatnya agar anda tidak penasaran.
1.Pertama Copy kode Auto Zoom yang ada pada kotak di bawah ini.
2. Selanjutnya masuk ke Blogger anda, buka HTML editor ( Theme >> Edit HTML ).
3. Pada HTML Editor ketik Ctrl+F untuk memunculkan tool pencarian, pada tool pencarian ketikan kode ]]></b:skin> , nanti kode ]]></b:skin> akan muncul dengan marking kuning.
Selanjutnya pastekan kode auto zoom yang sudah kita copy tadi tepat di atas kode ]]></b:skin>.
4. Terakhir, Simpan / Save Theme.
Nah, sekarang coba cek hasilnya. Jika langkah-langkah yang kalian lakukan sudah sesuai seharusnya gambar akan ter-zoom otomatis bila tersentuh mouse.
Bila ada yang belum jelas dan ada yang ingin di tanyakan langsung saja tanyakan pada saya melalui kolom komentar di bawah ataupun langsung ke kontak saya.
Sekian, Selamat berkreasi dan Terima Kasih..