How to Make Blogger Categories Into a Drop Down Menu Without Stress

The Blogger labels gadget is a default sidebar gadget that displays a list of your categories in a list format, either alphabetically or as a word cloud. Although the gadget does not include an option for configuring the display of categories in a drop-down menu, you can achieve this effect by editing the HTML of your blog design.

Step 1 Navigate to Blogger and sign in to your account.

Step 2 Click the account drop-down menu and select "Layout."

Step 3 If the "Labels" gadget is not already include in your layout, click the "Add a Gadget" link in the location where you want the categories menu to appear and then click the "+" icon beside "Labels."

Step 4Select "Template" from the left sidebar.

Step 5 Click "Edit HTML" and then click "Proceed."

Step 6 Click the check box beside "Expand Widget Templates."

Step 7 Find "<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>

Step 8 Click "Save Template."