教你如何添加部落格Menu Bar

许多人问我，上面的menu bar是怎么做出来的，这个有点难解释哦@@
其实Blogger已经提供了这项功能~不瞒你们~我也是昨天才知道的XD
所以之前问我的人我想对你说抱歉，因为我没有看清楚><

方法一
你们可以到Design-->Add Gadget添加一个Pages（页面）功能
然后到Posting-->Edit Pages按New Pages或Create a page都可以~
然后填写你要打的字~不过最好是拿来做超连接页面吧~不然会很浪费=P
写好之后到你的部落格看看~你就会看到上面多出你刚打的标题了~



方法二

到Design-->Edit HTML
按Ctrl+F找]]></b:skin>
然后在]]></b:skin>上面添加以下的代码

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 16px Freestyle Script;
list-style-type: none;
text-align: center; /*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;
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;
}

说明：
红色部分可自行更换背景颜色。
蓝色部分可自行更换字体。
紫色部分可自行更换线框。

添加好以上的代码之后还没有完哦~
请到Design-->Add Gadget-->HTML/JavaScript

将以下的代码方上去就可了~

<center>
<ul class="basictab">
<li class="selected"><a href="网址1">标题1</a></li>
<li><a href="网址2">标题2</a></li>
<li><a href="网址3">标题3</a></li>
<li><a href="网址4">标题4</a></li>
</ul>
</center>


记得将[网址]替换成你要连接的网址
[标题]替换成你的个人标题

完成~你们试试可以吗?=)


by:kenchy