2006-09-02

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>



搞定,一切就是这么简单!

3 个说法:

Belen 说...

好东西,不过个人感觉下拉不方便操作。
还有,我的Label默认是横向排列的,一般4、5个label,也不觉得影响版面

8O 说...

如果label不超过5个这个方法对节约版面没太大帮助,不过像8"O",一片文章10个label,不下拉就太长了

放弃摆渡 说...

不错,用了

HOW TO: 怎样生成自己的标签云

搜索此博客