Cara Buat Menu Bar

Hye kawan-kawan .. skrg ain nk kongsi dgn korang mcm mana nk uat menu bar okeyy ..

first : Dashboard > Design > Edit HTML

tekan CTRL + F cari code

]]></b:skin>

copy code kt bawah ni n paste kn dekat ATAS or SEBELUM kot yg korang cari tadi .

/*URL: http://www.AllBlogTools.com/ */

.basictab{

padding: 3px 0;

margin-left: 0;

font: bold 12px Verdana;

border-bottom: 1px solid gray;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.basictab li{

display: inline;

margin: 0;

} 

.basictab li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid gray;

border-bottom: none;

background-color: #f6ffd5;

color: #2d2b2b;

}

.basictab li a:visited{

color: #2d2b2b;

}

.basictab li a:hover{

background-color: #DBFF6C;

color: black;

}

.basictab li a:active{

color: black;

}

.basictab li.selected a{ /*selected tab effect*/

position: relative;

top: 1px;

padding-top: 4px;

background-color: #DBFF6C;

color: black;

}

: : tuka kn code #f6ffd5 utk background colour ikot kesukaan korang

: : tuka kn code #DBFF6C utk text colour 

: : n tuka kn colour black ikot colour yg korang suka .

done .. ok save skrg ...

then pergi ke Page Elements > Add a Gadget > HTML/JavaScript

paste kn code kt bwh ni k .

<ul class="basictab">

<li class="selected"><a href="http://gadissirama-rama.blogspot.com/">Home</a></li>

<li><a href="http://gadissirama-rama.blogspot.com/blogger-templates/">Blogger Templates</a></li>

<li><a href="http://gadissirama-rama.blogspot.com/blogger-tricks-and-hacks/">Blogegr Tricks</a></li>

<li><a href="Link">Tajuk</a></li>

<li><a href="Link">Tajuk</a></li>

<li><a href="Link">Tajuk</a></li>

</ul>

: : tuka yg colour Link utk url korang ..

: : n Tajuk utk tajuk korangnye url okeyy ...

dah siap kn ..then save ..

korang preview la dulu ok ... kalau jadi bloeh la korang save tanpa ragu-ragu ye ..

^.^ SELAMAT MENCUBA ^.^

Tweet