Sunday, 13 November 2011

:: Menu Tab / Navigation Bar (tukar gambar bila dialukan cursor) ::



Assalammualaikum,

Hye semua,
Harini aku nak kongsi satu toturial camane nak buat menu tab/Navigation Bar,
Tapi yang aku buat nie lain dari yg biasa arr ,
Bila korang lalukan cursor gambar nye akan bertukar,

Cube test yang nie ..






Erm, Best kan ? 
Kalau korang nak buat, senang je ..


korang copy kod html nie, 

Then, paste kat 
Log in > Dashboard > Design > Add A Gadget > Html/JavaScript


<center><a href="LINK BLOG URL KORANG" target="_blank"><img style="width: 142px; height: 100px;" src="URL IMAGE 1 DI SINI" onmouseover="this.src='URL IMAGE 2 DI SINI'" onmouseout="this.src='URL IMAGE 1 DI SINI'" border="0" /></a>
    <a href="LINK PAGES  PERTAMA" target="_blank"><img style="width: 143px; height: 100px;" src="URL IMAGE 1 DI SINI" onmouseover="this.src='URL IMAGE 2 DI SINI'" onmouseout="this.src='URL IMAGE 1 DI SINI'" border="0" /></a> 
    <a href="LINK PAGES  KEDUA" target="_blank"><img style="width: 142px; height: 100px;" src="URL IMAGE 1 DI SINI " onmouseover="URL IMAGE 2 DI SINI'" onmouseout="this.src='URL IMAGE 1 DI SINI'" border="0" /></a> 
    <a href="LINK PAGES  KETIGA" target="_blank"><img style="width: 142px; height: 100px;" src="URL IMAGE 1 DI SINI" onmouseover="this.src='URL IMAGE 2 DI SINI'" onmouseout="this.src='URL IMAGE 1 DI SINI'" border="0" /></a>
    </center>
BIRU:>>>LINK PAGE YANG KORANG NAK LETAK
MERAH:>>>URL IMAGE YANG SESUAI DENGAN LINK PAGE KORANG


Kalaw korang kurang paham ape itu URL IMAGE dan  URL IMAGE 2
macam ni, URL IMAGE 1 adalah image yang dipaparkan sebelum cursor dilalukan,
Ni contoh yang aku punye





bagi URL IMAGE 2 ialah image yang keluar selepas cursor dilalukan,

Nie contoh yang aku punya,


Jadi bila digabungkan, jadi macam nie ..

Erm, macam mane ?
korang paham x ?

Jadi korang boley design image 1 dengan image 2 korang sendiri,

ok , Selamat mencuba !

Wasalam ..





















-OUT-

3 comments:

shakira ismail said...

jap2 mcm mne na dpt url image 2 ..kurang paham :)

shakiey said...

url image 2 na dpt at mne ?

Noor Syahmina said...

korang kene buat dua image,,, image 1 image yang dipaparkan sebelum curser dilalukan,,, dan image 2 image yang dipaparkan bila curser dilalukan,,,

Like Sini !

Please Comments Here