Cara buat simple zoom image di blogspot

Read More → Untuk membuat simple zoom in seperti contoh yang boleh anda coba pada gambar di atas (letak kursor mouse di atas gambar) hanya ikuti beberapa langkah yang sangat mudah di bawah.

Langkah 1

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

Langkah 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 menukar angka pada width: 90% dan height:90%.

Contoh:

width:550px; height:450px; float:middle;

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='https://finziinside.blogspot.com/2011/11/cara-buat-simple-zoom-image-di-blogspot.html' target='_blank'>Cara buat simple zoom image di blogspot</a>

Anda Baru Saja Membaca Artikel Tentang Cara buat simple zoom image di blogspot ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara buat simple zoom image di blogspot Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara buat simple zoom image di blogspot Sebagai SumberNya.