1News Online:
Home » » Tutorial Blog - Cara buat simple zoom in image di blogspot

Tutorial Blog - Cara buat simple zoom in image di blogspot

Wednesday, October 31, 2012 | 9:54 PM


Untuk membuat simple zoom in seperti contoh yang boleh anda cuba pada gambar di atas (letak kursor mouse di atas gambar) hanya ikut 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 taip atau paste kod]]>skin> atau kod ]]></b:skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kod di bawah di atas atau sebelum kod ]]>skin> atau ]]></b:skin>
.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;

Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger