Blogger 实用 Hack 技巧总结之二

4.去除Blogger页面顶端的NavBar
进入控制台——模版——修改HTML，在CSS样式表中间加入下面代码
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
保存退出

5.在Blogger页面添加站内搜索
如果去除了NavBar，又想增加一个站内搜索，可以COPY下面源代码

<form id="searchthis" action="http://yourname.blogspot.com/search" style="display:inline;" method="get"><br/>
<input id="query" name="q" type="text"/>
<input id="b-searchbtn" value="搜索" type="submit"/><br/></form>
进入控制台——模版——页面元素——添加页面元素——添加HTML/JavaScript——粘贴源代码——输入标题——保存。 如果想更改该控件格式，可以在CSS样式表中加入下面代码
#query {
width:150px;
border:1px solid #999;
background: #fff;
}

#searchbtn {
border:1px solid #999;
background: #fff;
}
根据需要修改搜索框长度，背景色，边框等等。

6.在文章中粘贴代码
将所有的<替换成&lt;然后再发表，用这种方法不仅可以在Blogger里正常输出文件，而且COPY后不用再去替换全角，很是方便。如有必要，还可以将>替换成> 。如果要像本BLOG那样显示代码，可以在CSS样式表中加入下面代码。
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 0px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}
在编写帖子时，在代码两边加上<code>和</code>