How To Show Blogger Labels In a Drop Down Menu Gadget On Blogger

How To Show Blogger Labels In a Drop Down Menu Gadget On Blogger

STEP 1

1. Sign in to your blogger dashboard and locate layout.

2. Click on layout  and find Add Gadget.

3. Click on Add gadget and scroll till you find Labels.

4. Add label and drag it to where you want it to display and click on Save.

STEP 2

1. Go to Dashboard > Design > Edit HTML.

2. Back up your template


3. Make sure you DO NOT tick the Expand Widget Templates checkbox.

4. Press CLTR key + F key.

5. In the box paste this code and press ENTER key
<b:widget id='Label1' locked='false'

6. Look for the following lines in your HTML code.
 <b:widget id='Label1' locked='false' title='Labels' type='Label'/>

7. Erase it all and Replace that line with this 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>Click To 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>

8. click Save and you are done.

HOW TO COSTOMISE  THE GADGET

1. If you want change the width of the drop down menu then change this value width:100% to any percentage, or pixel (px).

2. To change the phrase “Click To Choose a Category” then find this line Click To Choose a Category  and replace it with your preferred phrase.

3. If you do not want to show post count at the end of each label then delete this line (<data:label.count/>) .