Thursday, September 2, 2010

Drop down menu

我想让日记全页版面短一点
所以找来 drop down menu 的方法

Step 1:
Login blogger > Design > Edit HTML > Ctrl + F

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

假如你换过
只需把红色的 highlight 改成你的新 label 代号就可以


Step 2:
把以下的 code
代替 Step 1 的 code

<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'>
<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:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

假如你有特别的标签代号
可以在红色的 highlight改


Step 3:
review 一下
假如满意的话
那就 save template

加了这个 code 后
可以在 Page elements > configure labels 改换喜欢的次序

资料 courtesy to Bloggingtips

0 个鼓励:

Post a Comment

LinkWithin

Related Posts with Thumbnails