一、去掉NavBar
非常简单，只要在CSS中添加以下CSS即可
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
二、添加站内搜索
创建一个Elements---->>Html/JavaScript,添加以下代码
其中的Maxlength用来确定搜索框内输入字符的最大数和Size控制搜索框的长度。
另外可以修改“Search”按钮的样子，默认的是
最常见的按钮：
或者这种：
Blogger V3.0:隐藏NavBar，添加站内搜索
对于有些模板来说，NavBar跟整个模板看起来打配的并不合谐，因此我们会去掉NavBar。如果站内内容比较多，为了方便读者查找站内信息，添加一个搜索框是非常必要的。这一篇文章将介绍如果去掉NavBar并添加站内搜索框。
一、去掉NavBar
非常简单，只要在CSS中添加以下CSS即可
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
二、添加站内搜索
创建一个Elements---->>Html/JavaScript,添加以下代码
其中的Maxlength用来确定搜索框内输入字符的最大数和Size控制搜索框的长度。
另外可以修改“Search”按钮的样子，默认的是
一、去掉NavBar
非常简单，只要在CSS中添加以下CSS即可
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
二、添加站内搜索
创建一个Elements---->>Html/JavaScript,添加以下代码
其中的Maxlength用来确定搜索框内输入字符的最大数和Size控制搜索框的长度。
另外可以修改“Search”按钮的样子，默认的是
Blogger V3.0:下拉菜单形式的标签
以前的Blogger中我们用标签的形式显示存档，现在我们要把标签变成下拉菜单。
找到以下代码：
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
将红色部分替换成下面的代码：
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
找到以下代码：
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
将红色部分替换成下面的代码：
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Blogger beta：一分钟修改页首图片
对于像鱼一样的Slacker来说，修改模板是一件很痛苦的事.懒人就应该有懒办法，不用面对CSS/Html，只需要简单的复制/粘贴就能做到
1.切换到Layout设置
2.在Layout底部 Add Page Element——>HTML/JavaScript
3.添加并根据实际情况修改代码
<div style="position:absolute; left:0; top:57px; text-align:center; width:100%">
<a href="博客地址" />
<img src="图片地址" />
</a>
</div>
4.这个设置适于minima这个模板，修改top的值以适应不同的模板。
1.切换到Layout设置
2.在Layout底部 Add Page Element——>HTML/JavaScript
3.添加并根据实际情况修改代码
<div style="position:absolute; left:0; top:57px; text-align:center; width:100%">
<a href="博客地址" />
<img src="图片地址" />
</a>
</div>
4.这个设置适于minima这个模板，修改top的值以适应不同的模板。
两个Blogger Hack模板
并不是所有的人愿意面对那些奇形怪状的代码，比如鱼。Ramani因此做了两个模板，其中已包含了几个比较常用的Blogger beta Hack。
1.三栏形式。
2.首页摘要
3.标签/存档页“躲猫猫”
4.多种形式的标签Widget
5.Del.icio.us&Digg一键推荐
作者将模板放在Anniyalogam.com，但这个网站在中国被封，无法访问，因此鱼把它放到Google pages上了。模板中所有引用自Anniyalogam.com的内容鱼也已修改，暂时放在Google pages，建议上传到自己的空间，模板中用到的文件为：
http://sunrrr.googlepages.com/list.jpg
http://sunrrr.googlepages.com/zoom.jpg
http://sunrrr.googlepages.com/menu.jpg
http://sunrrr.googlepages.com/hackosphere.js
下载之后将模板中的地址替换即可。记得以前鱼的Google pages被Ban，几个月后才恢复，想起来就觉得恐怖，所以强烈建议自己上传这些文件。
Hacked-scribe Live (下载 template)
Hacked-minima Live (下载 template)
愿鱼的所有朋友十一长假愉快！
1.三栏形式。
2.首页摘要
3.标签/存档页“躲猫猫”
4.多种形式的标签Widget
5.Del.icio.us&Digg一键推荐
作者将模板放在Anniyalogam.com，但这个网站在中国被封，无法访问，因此鱼把它放到Google pages上了。模板中所有引用自Anniyalogam.com的内容鱼也已修改，暂时放在Google pages，建议上传到自己的空间，模板中用到的文件为：
http://sunrrr.googlepages.com/list.jpg
http://sunrrr.googlepages.com/zoom.jpg
http://sunrrr.googlepages.com/menu.jpg
http://sunrrr.googlepages.com/hackosphere.js
下载之后将模板中的地址替换即可。记得以前鱼的Google pages被Ban，几个月后才恢复，想起来就觉得恐怖，所以强烈建议自己上传这些文件。
Hacked-scribe Live (下载 template)
Hacked-minima Live (下载 template)
愿鱼的所有朋友十一长假愉快！
订阅：
博文 (Atom)