Nov 8, 2018

How to change Blogger labels / categories Into a Drop Down Menu

1. Add "Labels" gadget if it is not already include in your layout.

2. "Template" -> "Edit HTML"
3. Find your existing label gadget: 

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

in the code and replace it with: 

<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'>

<select onchange='location=this.options[this.selectedIndex].value;'> <option>Select 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>