11/27/2008

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 />

没有评论:

发表评论