Blogger V3.0:隐藏NavBar，添加站内搜索

[蜀山劍客]

对于有些模板来说，NavBar跟整个模板看起来打配的并不合谐，因此我们会去掉NavBar。如果站内内容比较多，为了方便读者查找站内信息，添加一
个搜索框是非常必要的。这一篇文章将介绍如果去掉NavBar并添加站内搜索框。

一、去掉NavBar
非常简单，只要在CSS中添加以下CSS即可
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
二、添加站内搜索
创建一个Elements---->>Html/JavaScript,添加以下代码

<form action="http://用户名.blogspot.com/search" style="display:inline;"
id="searchthis" method="get"><br /> <input type="text" id="b-query"
name="q" maxlength="x" size="y" /><br /> <input src="http://
beta.blogger.com/img/navbar/4/btn_search_this.gif" alt="Search This
Blog" type="image" id="b-searchbtn" title="Search this blog" /><br /></
form><br />
其中的Maxlength用来确定搜索框内输入字符的最大数和Size控制搜索框的长度。

另外可以修改“Search”按钮的样子，默认的是

<input src="http://beta.blogger.com/img/navbar/4/btn_search_this.gif"
alt="Search This Blog" type="image" id="b-searchbtn" title="Search
this blog" /><br />

最常见的按钮：

<input type="submit" id="b-searchbtn" value="Search" /><br />

或者这种：

<input type="submit" id="b-searchbtn" value="Search" class="orange" /
><br />