Display / Show Blogger Labels As A Drop Down Menu Gadget

 It was super easy and I believe it helped the sidebar look a little less cluttered which was my goal.  You can actually google just about anything that you want to do to your blog and get the answer - some tutorials are easier to understand than others. 

To change the labels widget on blogger, here is what you should do:

1. Log into your blog.
2. Click design tab.
3. Then click edit html.
4. press the CTRL Key and F simultaneously which will give you a search option.  Type in label to quickly locate this code: <b:widget id='Label1' locked='false' title='' type='Label'/>
5. Replace this code <b:widget id='Label1' locked='false' title='' type='Label'/>with the following:

<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'>

<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>

<option>Click to choose</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>

And if you planning to change the width of the menu, change the percentage higher or lower (coded in blue) to fit your sidebar.  Always, preview before saving. You now have more space on your sidebar!  I hope this helps you! . 

Don't forget to visit us for more updates