23 April 2013

Tutorial Blog - Cara Buat Menu Bar Bertukar-Tukar


Assalamualaikum w.b.t
Aku taktaw nak bagi nama apa untuk tutorial nie. Tapi aku nak buat tutorial camna nak buat menu bar macam blog aku nie. Cuba hampa halakan cursor mouse kat menu tab aku kat atas nie. Terus bertukar menjadi kaler hitam dan akan membesar sedikit dari size yang warna biru tue kan. Tak susah nak buat. Cuma setiap gambar tu kena buat 2 image lah. Contohnya macam menu tab aku, satu kaler biru dan satu lagi kaler hitam dan besar sikit size dia. Jom aku ajaq. 
1. First sekali hampa kena buat 2 image lah untuk setiap menu tab. Contohnya nak buat menutab untuk HOME, so kena create dua image. Contoh cam image aku ni ada 2 gambar. 
Image 1

Image 2

2. Dah buat semua image untuk menu tab masing-masing? Okay bagus.
3.. Dashboard > Layout > Add a Gadget > HTML/JavaScript
4. Copy code bawah nie dan paste dalam HTML/JavaScript
<a href="URL Link Page"><img src="URL Image 1" onmouseover="this.src='URL Image 2'" onmouseout="this.src='URL Image 1'" /></a>
5. Hampa kena buat satu-satu lah menu tab tu. Coding yang sama jugak. Kalau ada banyak menu tab, banyaklah hampa nak kena buat. 
6. Haa jangan lupa letak code untuk centerkan menubar okay. Contoh di bawah
7. Lepas siap semua dan SAVE. Okay itu saja. Selamat berjaya.

5 orang komen:

Ann said...

nak cuba lah..thanks apit ^__^

||aLeaSaRa|| said...

owh tqvm share tutorial ni.dh lama gak tak tukar menubar....nk buat lah...nama menu bar ni tenggelam timbul kot he3....

Cik Fie said...

nice tuto :)

Fakhruru said...

AWESOME! leh try lar nti2.. hoho! tq!!

Sukma said...

info yang bagus...