How To Add Drop Down Menu For Blogger Labels

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.. congrats friends!

1.Login to your blogger Dashboard--> Design--> 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 Save Template You are done..

Categories: Widget