Zoom in image

Post kali ini beta telah buat satu post mengenai tutorial disebabkan ketiadaan dan kekeringan idea .. lagipon beta agak malas hari ini selepas berjaye berlari dengan kelajuan kure-kure sejaoh 1.5km .. huh !! Penatnyer belom hilang da kene kemas kelas .. Da la beta dapat no cabutan bertuah yg malang .. Grr .. Beta jeles dengan 3orang member beta yg berjaye memenangi cabutan bertuah tersebut ... ahh ! Kalau korang nak tahu , larian tersebut merupakan Larian Perdana Mahkota yg diilhamkan oleh Sultan Johor .. Semue sekolah di seluruh negeri Johor diwajibkan menyertai larian ini .. 

Straight too the point

Untuk membuat simple zoom in seperti gambar di atas (letak kursor mouse di atas gambar) hanya ikut beberapa langkah yang sangat mudah dan terlalu mudah di bawah.

Langkah 1 :

log in blog > Dashboard > Design >  Edit HTML

Langkah 2 :

Tekan ctrl+f dan taip atau paste kod ]]>skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3 :

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

.post a:hover img {

width:500px; height:400px; float:middle;
}

Langkah 4 :
Klik kat preview , kalau tiade sebarang error  , klik save ..
Selesai .. !

P/S : tutorial yg pertame dalam blog ini ..