Label drop down menu

Bree one of my favorite digi-scrappers asked me how to create a label drop down menu. I said I don’t know but I will learn. I did and I love it…thanks Bree!

Resource: BloggerUniversity

Step 1 – Add a labels gadget to your blog.

Go to CUSTOMIZE/LAYOUT/PAGE ELEMENTS/ADD A GADGET and select LABELS.

Step 2 – Decide if you want labels alone or label counts. If you want labels with the count beside them proceed to Step 3. If you only want labels skip to Step 5.

Step 3 – Back up your template. You can learn how to do that HERE.

Step 4 – Find and replace code.

Go to CUSTOMIZE/LAYOUT/EDIT HTML AND using your CTRL+F (find key) find the following code:

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

You will replace it with this code:

<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;' style='width:200px'>
<option>Labels</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>

You can preview and save. The nice thing is that you can always choose to delete the gadget if you don’t like it. You can also change the word Labels to something else if you prefer.

Step 5 – If you only want the labels:

Go to CUSTOMIZE/LAYOUT/EDIT HTML AND using your CTRL+F (find key) find the following code:

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

and replace it with this code:

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

For Word Document Instructions click HERE.