Make a Menutab

Login ke Blogger.
Masukan kode berikut sebelum ]]></b:skin>

#menutab {
background:;
float:left;
width:100%;
font-size:93%;
padding-bottom:6px;
border-top:;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
#menutab ul {margin:0;padding:5px 10px 0 23px;list-style:none;}
#menutab li {text-align:center;display:inline;margin:0;padding:0;}
#menutab a {float:left;background:transparent no-repeat left top;margin:0;padding:0 0 0 3px;text-decoration:none;}
#menutab a span {
float:right;
display:block;
background:transparent no-repeat right top;
padding:3px 11px 3px 9px;
color:#8D9980;
}
#menutab a span {
float:none;
}
#menutab a:hover span {
background:#B89A42;
color:#000000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow: 0 0 9px #B89A42;
-webkit-box-shadow: 0 0 9px #B89A42;
}
#menutab a:hover {
border:1px;
}
#menutab ul a.current {
color:#B89A42;
background:transparent;
text-decoration:none;
}
#menutab ul a.current span{
float:right;
display:block;
background:transparent;
padding:3px 11px 3px 9px;
color:#B89A42;
}

Masukan kode html:

<div id='menutab'>
<ul>
<li><a href='/'><span>Home Page</span></a></li>
<li><a href='/'><span>About</span></a></li>
<li><a href='/'><span>Contents</span></a></li>
</ul>
</div>

Save template.
Sample:

• Home Page
• About
• Contents