Cara Buat Menu Bar

Sila tekan ctrl+c untuk copy code di bawah. TQ :)

Lama tak buat tutorial ;) Ramai yang request tutorial ni, tapi aku tak ada masa nak buat. So sebab esok cuti, malam ni rasa free untuk update tutorial baru. Okeh, mukadimah pada hari ini,

"Cantik bukan menu bar kat atas ni? Ala yang ada Home, Tutorial, Banner tu. Awak nak jugak? Okeh jom follow tutorial ni"

Cara nak buat menu bar ada dua. Kalau korang nak tambah menu About Me, Tutorial, Formspring etc korang boleh ikut step ni:

Dashboard > Posting > Edit Pages > Tekan New Page

Then tulis apa-apa entry, atau tak pun letaklah code Formspring korang ke atau apa-apa je yang korang nak tambah dalam menu korang tu. Ni cara paling simple dan tak selawa menu bar atas ni. HAHA

Kalau korang nak menu bar yang lawa, ikut step ni pulak:

Dashboard > Design > Add A Gadget > Add HTML/Javascript > Tekan Edit HTML

Masukkan code bawah ni,


<center><a href="URL LINK" target="_blank" title="TITLE MENU"><img border="0" src="URL IMAGE " style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a>
<a href="URL MENU " target="_blank" title="TAJUK MENU "><img border="0" src="URL IMAGE " style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a>
<a href="URL LINK " target="_blank" title="TITLE MENU "><img border="0" src="URL IMAGE " style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></center>



Kalau korang nak letak 5 jenis menu, repeat code bawah ni sebanyak 5 kali.


<a href="URL MENU " target="_blank" title="TAJUK MENU "><img border="0" src="URL IMAGE " style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a>



Edit kat 'URL LINK', 'TITLE MENU', 'URL IMEJ'. Kalau nak menu bar korang duduk sederet, korang tekan balik Rich Text dan edit-edit sikit spacing antara dua image tu.

Kalau korang kreatif, korang design la lawa-lawa word untuk menu bar tu. Tempek gambar Hello Kitty ke. Kalau aku, aku ni pemalas. Tu yang letak perkataan je T___T Tentang nak dapatkan url gambar, korang boleh pergi imageshack.com dan upload gambar tu. Aku sarankan upload satu-satu. Nanti baru Direct Link dia menjadi. Okeh, hutang tutorial sudah selesai! Selamat mencuba!


Tutorial saya adalah gabungan dari dua tutorial ni: Tutorial Huda Luna Husin Al-Sagoff dan Tutorial Intan Nurul Fateha. Hasilnya, terjadilah tutorial rojak ni T___T

6 comments:

  1. hye dear ,
    baru nak tanya .
    tgk2 dh ada tutOrial . Tq ! :)

    ReplyDelete
  2. thx awk,, lama dh aima cari tutorIal nie... nnt rajin2 nk rty wat ar...

    ReplyDelete
  3. hihi

    later i will tryyyy

    ReplyDelete
  4. wah ! sye berjaya menghasilaknye . . hihihih . . tenx . . ^^,

    ReplyDelete
  5. yunk ! nape eak . . . dah letak url image tapi dah lme siket tetiba terus tk nmpk. . . macm yng awk tenguk tuh . . .

    ReplyDelete

Terima kasih daun keladi. Lepas ni datang lagi. Hihi ^^