Oh Ninie!
Cara Buat Menu Bar
21 January 2011 | 9:13 PM | 6 comments
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

Labels:


Older Post | Newer Post
Author

Hola I am Anis Shuhada and Ninie is my internet persona. A self acclaim beauty addict! I love Lana del Rey, polkadots, laces and huge fan of any brown colored stuffs! A humble owner of instashop MY Honeycase. For any business opportunities, contact me at vogue_neez@yahoo.com

Navigates

Home Profile Extras

Instagram

Credits
Template by :
Background and Cursor by :
Tutorial by : (✿◠‿◠)

[close]