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:
StumpleUpon Ma.gnolia DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google



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:

People who read this post, also read:



Comments :

1
Russ Martin (AKA "Steeple Chaser") said...
on 

Thanks for this tip. My blog had a large number of labels and this helped a bunch. Is there any way to change the format? It would look better in my blog if the colors were reversed. Black background with white text.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

What do you think of this post ?

Newer Post Links Older Post Links Go To Home