2009年3月24日星期二

在Blogger中创建下拉形式的“标签/分类栏”

很久没有对Blogger做改造了,最近手又痒了,来折腾折腾吧。

这次折腾的是从八个圈圈的blogger那学来的将侧边栏的“标签/分类”栏有原来的列表形式变为下拉式,这对标签/分类特别多的用户来说是相当有帮助的,可以使侧边栏变得简洁很多

演示:

方法很简单——

1.控制台-布局-修改HTML(修改前务必先保存模板!),勾选“扩展窗口小部件模板”

2.确保在侧边栏中已添加“标签/分类(Label)”这个小工具。

3.找到以下代码:
<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>


4.保存模板,小公告成。



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾

收藏本文
收藏到

0 评论:

发表评论