Blogger-Beta Hack之“下拉标签/分类”

内建标签/分类功能是Beta带给大家最大的惊喜。但刚推出时，因为对中文的支持不佳，给不少中文用户浇了一盆冷水。随着模板HTML编辑功能的放开，点击中文标签无法显示文章内容的Bug似乎也消失了（Beta越来越完善，是不是可以考虑搬家了？）。

标签/分类带来的好处是，你可以给一篇文章加上若干个标签/分类（就像设置多个关键词），这样给以后搜索文章带来一定的便利，但随着标签/分类的增多，似乎将占去侧边栏很大的一部分空间，而beta的标签/分类和beta的存档（可选择三种不同模式）不同，没有选择的余地。


不过，Blogger-Beta大发慈悲开放模板HTML功能，就让我们简简单单的改变一下默认的标签/分类显示方式吧。

首先，要在侧边栏添加Label这个新的页面元素（page element)。

然后发几个帖子加上标签练练手。

进入模板HTML编辑，记得作改动前要保存原先的模板（beta里有提示保存模板，比原来贴心）


找到下面这段代码

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

搞定，一切就是这么简单！

Tags: blogger beta hack html label 模板 编辑 下拉 标签 分类