Blogger: Labels Menu Customization Options

[dsmith916]

First, My website is blog.duncansphotos.com

The tutorial I'm working with is this: How to create a drop down label widget

First off, I can't seem to copy and paste anything from that page. Try it yourself I just got: "- See more at: http://www.problogtricks.com/2013/07/creat...Gu6B.dpuf"

Which is very annoying.

Anyway, I want to put the widget where it says 'Tags' in the menu on the left side of my page but I'm not sure what to do to get that result. I should be able to move the widget code into that div right? When I attempt to do that I get all kinds of errors like the widget code is not correctly formed.

[dsmith916]

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

When I try to put this code where it says 'tags' inside of the <br> I get this error:

The widget with id Label1 is not within a section (actual parent element is: br.) Every widget should be in a section.