Blogosphere Travels #2: Dropdown Labels

Posted December 11, 2013 in Blogosphere Travels / 0 Comments

Once again, I have some more tips and tricks I have noticed bloggers using around the blogosphere! This is a tutorial on creating dropdown labels in Blogger.

Most bloggers, I’m sure, are aware of how to create drop-down menus (for labels and things), but for those of you who don’t know (old and new bloggers alike), this post is for you.

First, you must download the label gadget. Then go to the Template section of your blog and click Edit HTML. You can use the ‘Jump to widget’ button to find where your labels widget code is. Find where it says:

<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>

And replace it with this:

<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’> <br/> <select onchange=’location=this.options[this.selectedIndex].value;’> <option>Click to choose a 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>

If you want to customize it, you can replace the ‘Labels’ (after title=) with a title of your choice.
You can also customize the ‘Click to choose a label’ and replace it with your message.
If you don’t want the labels to show the post count afterwards, you can delete the section (<data:label.count/>).

Credits for this tutorial go to http://smallbusiness.chron.com/make-blogger-categories-drop-down-menu-29968.html.

Signature

Tags:

Sign up here to receive ALL of Awesome Book Assessment's posts in your inbox!

Nose Graze - WordPress themes and plugins for the creative blogger

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz