TUTORIAL : ZOOM IN IMAGE

Hye...baru sempat jenguk blog dan update entry..maklumla...berkerje kan mencari rezeki...cewah ayat...hahah..sekarang .dah pkul 4 a.m dah nie...x boleh nak tido...sekarang nie zaman penjajahan nyamuk...haha...ok la...stright to the ampang point mirul nk buat tutorial pasal zoom in image bila mouse diletak kan pada image tersebut...

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 ]]>


</b></p><blockquote>.post a:hover img {<br> width:500px; height:400px; float:middle;<br> }<b> 
Contoh:

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


Akhir sekali, kalau x de error, klik Save.

p/s: Jika mase zoom in adi besar atau kecil sangat, korang boleh ubah saiz zoom in tu dengan tukar angka pada width: 500px dan height: 400px.

Contoh:

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

paham murid-murid...cewah terasa cam cikgu lak...hahaha....(perasan la 2...) hahaha...selamat pagi isnin semua :)