For Blogger: Create a Dropdown Box for Categories and Archives

When your Category (Labels) list gets long in Blogger and takes up most of your sidebar, you may want to convert it to a dropdown box.  Believe it or not, this is much to do in Blogger than in Typepad.


 For Categories

    *  From the Dashboard, go to Layout.
    * Go to Edit HTML.
    * Find this line:

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

    * Then replace with this 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'>

<br/>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:180px;'>
<option>Select a Category Here</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
</div>
</b:includable>
</b:widget>

    * And Save
    * You're done.

 For Archives

    * From the Dashboard, go to Layout.
    * Then Page Elements.
    * Find the Archives gadget and click Edit.
    * There in the options, to the right of Style you can choose Dropdown Menu.
    * Save changes.

You're done.

Have fun!

Comments

[business loans]

That's good that people are able to receive the home loans moreover, it opens up new opportunities.

[Heather Wright-Porto]

You're very welcome!

Happy Blogging,
Heather :D

[Heather Pilz]

Awesome! Thanks so much for this! It worked great.
Heather Pilz
StampPaperScissorsInk.com

[Rachael Taylor]

Awesome! Thanks, I was starting to get overwhelmed by my "clutter". Now it looks great!

http://tntbuilds.blogspot.com/

[Kevin Durr]

Thanks for the tip. Works great. Does the break need to be in there. I took it out of mine to avoid wasted space.

[Lisa Somerville]

Heather - thanks for the tip. In order to get it to work I had to add this coding after otherwise it didn't want to work