30/01/2012
Head Menu Navigation
okey . ade ade orang request .. before i'm make this tutorials i'm want to credits to this blog . kalau lah memang dah buat tak jadi . silalah ke link itu okey . nak blog korang selamat ? save template tu dulu okey ..
dashboard- > design -> edit html-> search code :
]]></b:skin>
copy code kat bawah ni dan paste kan kat atas code yang korang cari tadi .
ul#list-nav {save template korang ..
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;
}
Kemudian, kembali ke dashboard, pergi ke design > page element > add a gadget > HTML/javascript ..
copy and paste kan code kat bawah niyy ..
<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>
pandai2 korang ubah kat situ :).. kalau korang nak arrange kan menutab korang tu macam aku .. korang tambah page elements dulu . ape page elements ? alaa . yang gadget atas header tu . tengok tutorial kat sini .. okeyy . sampai sini je . paipai
Positive comment please: 0 comments