How To Create Drop Down Label On Blogger

Wondering How To Create Drop Down Label On Blogger including Changing Label With Category Option then you are on right platform. Because today we are going to share a trick by which you can easily create Drop Down Label List On Blogger Blog. This is also great trick for those who are looking for drop-down label Menu. If your blog don’t have much space or want to reduce home page size, then this will help you. So this drop-down menu display your post categories, and labels are link with them. So, each category post are counting too. you can adjust size of the drop-down. If you want to make change in label then follow these steps and add it to your blogger blog.

How To Create Drop Down Label On Blogger

• Go To Blogger Dashboard.
• Template >> Edit HTML.
• Make sure you don’t put check mark in  Expand Widget Templates.
• Find below code by using Ctrl+F.

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

• Now replace above line (where you found) with below 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 style=’width:100%’ onchange=’location=this.options[this.selectedIndex].value;’>
<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 change the wdth of drop-down by changing 100%
• You can change Choose a Category as your like, if you want.
• If you want to hide the post counter so delete this code.  (<data:label.count/>)
• Save Template. That’s it.