How to add a dropdown menu for labels in blogger

There are several ways how you can show up your labels in blogger and one good and simple way to show your labels is through a dropdown menu. Using a dropdown menu for your labels can be advantegeous in times when you have large number of labels and if you want to list them down it would cover up a lot of space, so having a dropdown menu for labels can sure help reduce unecessary space and look elegant. So now let us see how we can add a dropdown menu for labels.

How to add a dropdown menu of labels

1. Login to your Blogger Account


2. Click on Layout


3. Click on Edit HTML


4. Backup your template by "Download full template" to be precautious if anything goes wrong


5. Very important do not expand your widget


6. Now find for this peice of code
   

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

   
   
   Note: Before you do this hack make sure you have added a default label widget.


7. Now replace the above code with the following code
   

   <b:widget id='Label1' locked='false' title='Categories' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   
   <select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'><option>Choose a Category</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>

   
   
   You can modify your title with what is marked on red, and blue to resize your dropdown menu width.


8. Now save your template and your done.

Hope you like this post of ours, to read more post of similar and many more on blogging, enter your email and subscribe with us to recieve updates of this blog via email or subscribe to as a reader.

Subscribe in a reader

Bookmark this post:

Do you think this post is worth reading and would you like to help our work, if so please bookmark this post for us and lets share it with others.

Link to this post:
<a href="http://bloggers-university.blogspot.com/2009/02/how-to-add-dropdown-menu-for-labels-in.html" target="_blank">How to add a dropdown menu for labels in blogger</a>

---

People who read this post, also read: