Installing Drop Down menu at Blogger for label Widget.

It means you want to use Drop menu for label so that you can reduce the space of sidebar that was occupied by Label Widget.If you want  to use Drop down menu then you have to modify some Blogger XML codes.Just follow below for making Drop menu Label.

1. Go to Blogger Dashboard>Template>Edit HTML.
2. Back Up your Blog.
3. Don’t tick on expand Widget
4. Find this line

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

5. Replace that line with this 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'>
   <select style='width:90%;background-color:#fff;color:#000000;'' onchange='location=this.options[this.selectedIndex].value;'> 
   <option>Click here to choose 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>

6. Where,
   • In Line 7 change 90% to width that suits your taste either in percent or pixel.In background-color:#fff you can change #fff with sixe dight hex color code to change background and you can change #000000 )From color:#000000 ) to change the color of font.You can get color code from here.
   • In Line 8  you can change “Click here to choose a label” as your wish.
   • Remove line 11 for removing post count.
7. Finally click on Save Template.

Enjoy.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.