Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Adding a Drop down Labels menu

Labels , they help the reader to find posts under specific category. But , if you are using a single column template or if you are having too many Labels , it may be a big problem for you. So , that's why programmers had invented some thing called the Drop Down Menu. Lets add one of it to our blog too.

1. Edit your Template
2. Now find out

<b:loop values='data:labels' var='label'>

( press 'Ctr
l' + F to open your browser's search box)

Now you will find a set of code lines similar to following

<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<a expr:href='data:label.url'><></a>

Now replace above whole code set with the following codes

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Browse By Labels( Name you want to display as drop down menu's caption )</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><>

Now follow the Safety Saving Steps.


This post first appeared on Blogger Template Editing, please read the originial post: here

Share the post

Adding a Drop down Labels menu


Subscribe to Blogger Template Editing

Get updates delivered right to your inbox!

Thank you for your subscription