:: 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 1 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-