How To Add Drop Down Style blogger Labels. 0

Many Blogger users have a long list of labels. and many bloggers like to using drop-down lists for long lists which minimizes clutter and enables information to be displayed in the sidebar neatly. so Blogger offers a dropdown menu option for the Archives widget. but do not have the option to enable a dropdown list for our labels. So in this tutorial we will look how to active dropdown label box to our blog. If you want to view demo. check picture in below.. congrates friends!

How To Add Drop Down Style blogger Labels

1.Login to your blogger Dashboard--> Desing--> Edit HTML

2.Scroll down to where you see <b:widget id='Label1' locked='false' title='Labels' type='Label'> tag .

3.Copy below code and Replace the above code <b:widget id='Label1' locked='false' title='Labels' type='Label'> tag.

<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;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Now Click On 'SaveTemplate' You are done..

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How To Add Drop Down Style blogger Labels. ~