BUAT TAB MENU / NAVBAR MENU
Monday 24 December 2012 | 09:15 | 0 comments
Assalamualaikum
Hye korang. Sebenarnya kan hari ni eisha penat tau tapi disebabkan korang eisha etap bersemangat nak buat tutorial nihh untuk korang especially untuk new bloggers. Hey! Welcome to Era Bloggers. =D Okeyy hari nihh eisha nak ajar macam mana nak buat Tab Menu / Navbar Menu. Alah macam eisha punya tuhh. Haa... nak kan... Still tak boleh bayang kan? okeyy tengok kat bawah nihh :
Dah paham murid-2 sekalian? hewhew. Berangan jadi cikgu pulak eisha nihh.Banyak betul songehh. Ia mungkin akan mengambil masa yang panjang tapi jangan kuwatir ia amat berhasil. Jom tengok acaner nak buat nya!
- Dashboard > Layout > Edit Html
- Tekan Ctrl + F untuk memudahkan pencarian lepas tu copy kod kat kat bawah ni dan letak kat ruangan kotak pencarian tuhh.
Kalau tak jumpa , cari kod ni pulakk :
3. Copy and paste kod kat bawah nihh SEBELUM kod yang korang jumpa tuhh.
ul#list-nav { list-style:none; margin:20px; padding:0; width:525px } ul#list-nav li { display:inline } ul#list-nav li a { text-decoration:none; padding:5px 0; width:100px; background:#FF0099; color:#eee; float:left; text-align:center; border-left:1px solid #fff; -moz-border-radius: 5px; } ul#list-nav li a:hover { background:#FF6699; color:#000 -moz-border-radius: 5px; }
CONTOH =
4. Save template koang.
5. Lepas tuhh koorang pergi balik kat Dashboard > Layout > Add Gadget > Html/JavaScript
6. Copy kod kat bawah nihh then paste kat ruangan Html/JavaScript
<div> <ul id='list-nav'> <li><a href='Link'>Home</a></li> <li><a href='Link'>About Us</a></li> <li><a href='Link'>Services</a></li> <li><a href='Link'>Products</a></li> <li><a href='Link'>Contact</a></li> </ul> </div>
* Perkataan LINK tuhh korang letak lah nama apa yang korang nak letak tuhh. AND contoh kalau korang nak guna tiga jea korang boleh delete yang selebihnya. Jangan sampai terdelete apa yang korang nak tu sudah.
7. Save.
8. Drag ke bawah header dan lihat hasilnya.
* Kalau nak letak kat sidebarpun boleh. Tapi orang biasanya buat kat bawah header. Terserah lah kat korang nak letak kat mana pun asalkan ia nampak cantik.
AMARAN ! Copy link trsebuat menggunakan Highlight baru tekan Ctrl + C (serentak).
Okeyy tu sahaja. Kan eisha dah cakap panjang. Mesti ada yang tak faham kan? so , tanya eisha tau. =3
Yang sentiasa menghargai kedatangan kamu-2 yang baik hati.