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

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

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

<style>#navbar-iframe { height: 0px; visibility: hidden; display: none }</style>
即可去掉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;}

更多