Tuesday, August 16, 2011

Menu Bar Horizontal Cara Mudah

Salam Sayang Buat Semua...

masa mula-mula nadya berjinak-jinak dengan dunia blog nie kan,nadya ske tengok blog orang lain yang cantik dan siap ada menu bar lagi...nadya ada gak terpikir camne dorang buatkan...nadya pun teringin la jugak...nie nadya baru belajar buat tau...nama dye menu bar horizontal... jangan risau coz dye tak akan hacked korang punye template....

jom belajar nak??? jom skodeng!!!


1. cari Page Element > add a gadjet > HTML/ JAVASCRIPT

2. masukkan kod nie:
| <a href= "http://NAMA BLOG.blogspot.com/pagename">label </a> |

tanda garis menegak ( | ) adalah untuk dijadikan pembahagi antara Tajuk URL..cthnya: HOME | TUTORIAL |


2: kemudian save la...then seret kan dan letak kat bawah header...


bagi yang nak kan menu bar lebih menarik lagi,korang ley la buat table macam kat bawah nie



korang masukkan kod nie yek:
<table border="1" style="width: 300px;"><tbody>
<tr bgcolor="#e0f8e0"><td align="center" ><a href="URL 1">tab 1</a></td><td align="center"><a href="URL 2">tab 2</a></td><td align="center"><a href="URL 3">tab 3</a></td> (boleh ditambah dibawah ini jika ada lagi link hendak dimasukkan)</tr></tbody></table>


untuk warna  #e0f8e
0 adalah kod warna boleh tukar mengikut citarasa korang dan ley ambik kot kat cnie : KOD WARNA
width:300px :lebar column--tukar ikut size korang suka..
URL 1 hingga  URL 3--masukkan url korang..
tab1 > tab 3 teks yang korang nak tulis lam table nanti..


okeyh siap dah!

korang ley preview dulu then save la yek!

selamat mencuba kawan-kawan...



Enjoy Your Reading My dear! ^__^

No comments:

LinkWithin

Related Posts Plugin for WordPress, Blogger...