Cara membuat Efek Zoom gambar pada Blog

Kali ini saya mau share cara membuat efek zoom gambar pada Blog,ya meskipun meskipun sobat bloger sudah mahir saya mau share buat sobat yang masih new di dunia bloger.


Untuk membuat simple zoom in seperti contoh yang boleh anda coba pada gambar di Blog (letak kursor mouse di atas gambar) ,mari kita simak beberapa langkah yang sangat mudah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML

Langkag 2

Dengan menggunakan keyboard, tekan kekunci F3 atau Ctrl+F. Seterusnya ketik atau paste kod ]]>skin> atau kod ]]></b:skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kode di bawah di atas atau sebelum kode ]]>skin> atau ]]></b:skin>

.post a:hover img {
width:90%; height:90%; float:middle;
}

Contoh:

.post a:hover img {
width:90%; height:90%; float:middle;
}
]]>skin>

Terakhir , klik Preview dan jika tak ada pesan error, klik Save.

p/s: Jika efek zoom in menjadi terlalu besar atau kecil, anda boleh mengubah size zoom in tersebut dengan mengganti angka pada width: 90% dan height:90% sesuai dengan selera.

Semoga bermanfaat buat sobat bloger semua......