浮动水平导航栏

　　首先是css:#floatnavbar{
position:fixed;
margin-left:280px;
top:0px;
z-index:10;
}

* html #floatnavbar{ /*IE only*/
position:absolute;
margin-left:0px;

}

.subtop {
background: url(http://geuro-blog.googlecode.com/files/smenu_top_img.gif) repeat-x top;
height:24px;
width:204px;
margin:0 auto;
}
.subtopf {
background: url(http://geuro-blog.googlecode.com/files/smenu_top_imgf.gif) no-repeat top left;
}
.subtopb {
background: url(http://geuro-blog.googlecode.com/files/smenu_top_imgb.gif) no-repeat top right;
padding:0 10px 0 10px;
text-align:left;
}

#smenu {
width:184px;
height: 24px;
padding:0;
margin:0;
}
#smnav {
width:184px;
list-style: none;
margin:0;
padding:0;
height:24px;
overflow: hidden;
}
#smnav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#smnav a {
float: left;
padding: 24px 0 0 0;
overflow: hidden;
height:24px;
}
#smnav a:hover {
background-position: 0 -24px;
}
#smnav a:active,
#smnav a.selected {
background-position: 0 -48px;
}

#btblog a {
width: 35px;
background: url(http://geuro-blog.googlecode.com/files/smenu_b01.gif) top left no-repeat;
}
#btrss a {
width: 35px;
background: url(http://geuro-blog.googlecode.com/files/smenu_b04.gif) top left no-repeat;
}

#btminif a {
width: 19px;
background: url(http://geuro-blog.googlecode.com/files/smenu_c01.gif) top left no-repeat;
}

#btmidif a {
width: 19px;
background: url(http://geuro-blog.googlecode.com/files/smenu_c05.gif) top left no-repeat;
}
#btmagnif a {
width: 19px;
background: url(http://geuro-blog.googlecode.com/files/smenu_c02.gif) top left no-repeat;
}
#btaleft a {
width: 19px;
background: url(http://geuro-blog.googlecode.com/files/smenu_c03.gif) top left no-repeat;
}
#btaright a {
width: 19px;
background: url(http://geuro-blog.googlecode.com/files/smenu_c04.gif) top left no-repeat;
}
#btadmin a {
width: 19px;
background: url(http://geuro-blog.googlecode.com/files/smenu_c06.gif) top left no-repeat;
}　　在<div id='header-wrapper'>下面添上：<div id='floatnavbar'>
<div class='subtop'><div class='subtopf'><div class='subtopb'>
<div id='smenu'>
<ul id='smnav'>
<li id='btblog'><a href='http://justin0842.blogspot.com/'>Home</a></li>
<li id='btrss'><a href='http://feeds.feedburner.com/geuro'>RSS</a></li>
<li id='btminif'><a href='javascript:doZoom(12)'>-</a></li>
<li id='btmidif'><a href='javascript:doZoom(14)'>0</a></li>
<li id='btmagnif'><a href='javascript:doZoom(16)'>+</a></li>
<li id='btaleft'><a href='http://www.blogger.com/post-create.g?blogID=2972697689812718204'>New</a></li>
<li id='btaright'><a href='http://www.blogger.com/rearrange?blogID=2972697689812718204'>rearrange</a></li>
<li id='btadmin'><a href='http://www.blogger.com'>Admin</a></li>
</ul></div>
</div></div></div>
</div>　　链接自己改一下就可以了。