Kaedah menghasilkan "Simple Zoom In" di blogspot

Ni aku dapat hasil dari pencarian aku di internet. So saje kongsi2 dengan korang. Harap dapat memberi manfaat buat mereka yang memerlukan & baru lagi dalam dunia blog ni.

Untuk membuat simple zoom in hanya perlu ikut 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 taip atau paste kod ]]>skin> atau kod ]]> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kod di bawah di atas atau sebelum kod ]]>skin> atau ]]>

.post a:hover img {
width:500px; height:400px; float:middle;
}

Contoh:

.post a:hover img {
width:500px; height:400px; float:middle;
}
]]>skin>

Akhir sekali, klik Preview dan jika tiada mesej error, klik Save.

p/s: Jika efek zoom in menjadi terlalu besar atau kecil, anda boleh mengubah saiz zoom in tersebut dengan menukar angka pada width: 500px dan height: 400px.

Contoh:

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




Senyum2 selalu yaaa.....