How to Make Blogger Categories Into a Drop Down Menu

by saps, Walkize

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 4

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

<br />

<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."

Please share your own tips with us, so we can try them too.