Tutorial Tab Menu(change on Hover)

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..ptg ni eka nak ajar buat tab menu mcm eka..biler kite halakan mouse 2 dye berubah..

1.Dashboard>Design>Add a Gadget>Html/Javascript

2.mcm biase la letak kat html/javascript tapi ltak kat bawah header 2..

kat bawah ni contoh code nyer..

<a href="LINK ANDA"target="_blank"><img src="URL IMAGE 1" onmouseover="this.src='URL IMAGE 2'" onmouseout="this.src='URL IMAGE 1'" /></a>

kalau nak letak bnyk2 just tmbah code ni ok..Link Anda 2 mskkan link korang..kat bawah ni eka da buat dah..hehe..plih la nk yg mne sa2 yer..

HOME

<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_home-1.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_home2.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_home-1.png?t=1303118318'" /></a>




ABOUT ME

<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_aboutme-4.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_aboutme-3.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_aboutme-4.png?t=1303118318'" /></a>




LINK

<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_link.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_link2.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_link.png?t=1303118318'" /></a>




ABOUT

<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_about-2.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_about-1.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_about-2.png?t=1303118318'" /></a>




TUTORIAL

<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_tutorial-4.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_tutorial-3.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_tutorial-4.png?t=1303118318'" /></a>

3.Dah ciap edit bleh save..lau xnak yg eka 2..korang bleh buat sndri dgn photoscape atau photoshop n masukkan jer image url 2..




p/s:Masukkan link korang sendiri k..n jgn copy tuto eka ni..lth eka buat ni..nk copy sila gtau dlu..:)