How To Make Drop Down Label Menu In Blogger

D
rop down menu indeed will use little space in your template and drop down also makes your template look smart. If you are really interested it, Follow the below steps. But before following it, make sure that you have added a label gadget in your blog.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:-

<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul>

4.Now Replace above code with below code.

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <option>Browse By categories</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>

5.Click on "Save Templates" and you are done.

Note : You can use any name instead of 'Browse By categories'

Browse By categories()