Drop Down Labels Menu Gadget For Blogger

Lets add a Drop down labels gadget to your blog , you might want to back up your template before you start.

Step 1. In Your Blogger Dashboard Click > 'Design' > 'Add A Gadget' 

Step 2. From the pop up menu scroll to find 'Labels' and click the 'Add' icon.
Important - The gadget will have the title 'Labels' change this to zzzzz and save the gadget.

Step 3. Now advance to your 'Edit Html' page - Do not tick the 'Expand Widget Templates' box.

Step 4. Find the following in your blogs Html : News Columns
(Click Ctrl and F for a search bar to help find the code)

Step 5. When you locate News Columns it will be in a section of code like this :

<b:widget id='Label1' locked='false' title=' News Columns ' type='Label'/>

Step 6. Replace that full line of code with the following code :

<b:widget id='Label99' 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;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Note - The text in red is what will be seen on drop down menu and can be changed to Tags, Category's etc..

Step 7. Save Your Template - The labels gadget is now in drop down form.You will want to change the name of the gadget from News Columns  to do this just return to your Design page > Edit Gadget and change to Labels or Category's etc..

That it you have a very useful drop down list of your blogger labels for readers to easily navigate.Remember only this labels gadget will be in drop down format and if you remove it you will have to start from step 1 again. Don't forget to leave your comments below.