添加方法：
１控制面板----首页内容维护----自定义空白模板----新建,创建模块标题，勾选 显示源代码粘贴代码（粘贴代码前，最好打一个空格，然后再进入粘贴代码，这时你会看到源代码中已经有一行代码了（ <DIV> </DIV> ），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）----保存并返回；

２控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

也可以直接把以上代码粘贴到以前你建立的模块中，并且现在正在使用这个模块，勾选 显示源代码粘贴代码。点击保存就OK了！

css导航栏代码如下：

<DIV>

<TABLE class="sysBr180" cellSpacing="0" cellPadding="0" align="center" border="0>

<TBODY>

<TR>

<TD>

<DIV> </DIV>

<STYLE type=text/css>

<!--

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

margin: 0;

font-size: 80%;

font-weight: bold;

background: #FFF;

}

h2 {

font: bold 14px Verdana, Arial, Helvetica, sans-serif;

color: #000;

margin: 0px;

padding: 0px 0px 0px 15px;

}

ul {

list-style: none;

margin: 0;

padding: 0;

}

img {

border: none;

}

/*- Menu 9--------------------------- */

#menu9 {

width: 150px;

margin: 10px;

}

#menu9 li a {

height: 32px;

voice-family: "\"}\"";

voice-family: inherit;

height: 24px;

text-decoration: none;

}

#menu9 li a:link, #menu9 li a:visited {

color: #FFF;

display: block;

background: url(http://album.sina.com.cn/pic/49bf8d5002000adh);

padding: 8px 0 0 35px;

}

#menu9 li a:hover, #menu9 li #current { {

color: #FFF;

background: url(http://album.sina.com.cn/pic/49bf8d5002000adh) 0 -32px;

padding: 8px 0 0 35px;

}

-->

</STYLE>

<DIV id="menu9>

<UL><!-- CSS Tabs -->

<FONT color="#ff0000>

<LI><A href="文章地址1">分类1</A>

<LI><A href="文章地址2">分类2</A>

<LI><A href="文章地址3">分类3</A>

<LI><A href="文章地址4">分类4</A>

<LI><A href="文章地址5">分类5</A>

<LI><A href="文章地址6">分类6</A>

<LI><A href="文章地址7">分类7</A>

<LI><A href="文章地址8">分类8</A>

<LI><A href="文章地址9">分类9</A>

<LI><A href="文章地址10">分类10</A>

</LI></FONT></UL></DIV></TD></TR></TBODY></TABLE></DIV>
演示效果：