删除默认的Blogspot顶部导航条的方法

关于此问题，我搜索了很久，发现有以下几种解决办法：
1、编辑模版，将下面代码放到＆lt;style type=”text/css”＆gt;后面即可。
#b-navbar { height:0px; visibility:hidden; display:none}
但我进入模板里找了半天，竟然未找到＆lt;style type=”text/css”＆gt;这部分代码，看来这一方案只有放弃了。

2、在”布局”中“页面元素”那里加入一个”HTML/JavaScript” Element，写入代码

＆lt;style＆gt;#navbar-iframe { height: 0px; visibility: hidden; display: none }＆lt;/style＆gt;
即可去掉navbar。

更进一步的解释

Beta版的Blogger Navbar是由http://beta.blogger.com/css/navbar/classic.css控制它的样式的，代码如下：

html body {margin:0;padding-top:0;padding-left:0;padding-right:0;}body #wrapper {margin-top:30px;}body #header {margin-top:50px;}#leftcontent {_margin-top:30px !important; }#rightcontent {margin-top:30px !important;}#Main #Title {margin-top:30px !important;}body #wrap #wrap2 #header {margin-top:0;}body #wrap {margin-top:34px;}#blog-header {margin-top:-4px; }body #wrap4 {padding:15px 15px 0 15px;margin-top:-4px;}#space-for-ie {display:none;_border:0 !important;_display:block;}#navbar-iframe {position:absolute;top:0;left:0;z-index:500;>}

所以只要自己当前的模板中有wrapper、header、leftcontent，等等，上面代码中的id就会受到影响。#header更是经常用到的顶部id，如果去掉顶部搜索条后发现顶部还是多出一块影响自己的布局，就是它在作祟了。在自己的css代码区加入#hearder{ margin-top: 0px !important;}，!important的意思是强制使这个css提高到最优先级，相当于覆盖掉了classic.css中的定义。而且#navbar-iframe是绝对定位，如果你发现顶部搜索条覆盖掉了自己的一些内容，可以在自己的css代码区加入 #navbar-iframe { position: relative !important;}把#navbar-iframe变成相对定位，就不会覆盖掉什么内容了。(当然也可以把它去掉)。那么不影响布局去掉navbar的方法应该是这样的，在自己的css代码区加入

#hearder { margin-top:0px !important;}
#navbar-iframe { display:none;}