教你添加分类菜单(Menu Bar)

这个方法是比较简单的，而每个人的部落格斗一定能做到，除非你使用的背景是那一类不正统的背景= =，好像Blogskin那种我就没办法了，因为它的代码有点乱。但因为每个人的背景代码不同，所以可能还是有人会弄不到，不过调整一下应该就可以了~


首先，到Design-->Add A Gadget-->HTML/JavaScript
将以下的代码放进去，Save起来

<ul class="basictab">
<li class="selected"><a href="http://kenchyclass.blogspot.com/">Home</a></li>
<li><a href="网址">Edit</a></li>
<li><a href="网址">Edit</a></li>
<li><a href="网址">Edit</a></li>
</ul>

记得将红色部分改成你要连接的网址和名字
如果还要添加就直接在</ul>的上面添加以下代码就可以了
添加多少个不限~

<li><a href="网址">Edit</a></li>

当然没有这么快就完成了~现在到Edit HTML找这一段代码]]></b:skin>
将以下的代码放在他的上面


.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left;
}

.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{
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

上面的红色部分是颜色代码，所以如果要换颜色可以自行更换哦~
background-color是背景的颜色，color则是字体的颜色，但是是哪个部分的颜色我就不清楚了@@所以大家要自己更改了哦=P
关于颜色代码可以到我的菜单那寻找Color Code的字眼，里面有很多让你选~

放了之后就按Preview看看，如果还是不能那么就把它放到一下这段代码的下面

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

大家弄得到吗？

by:kenchy