Wrapping your "Labels" in a drop-down list. To do so, I did the following: Select Edit HTML -
In the <head> section enter:
<script type="'text/javascript'">
function showLabel(what){ document.location = what.value;}
</script>
Create a "left-wrapper" as follows:
<div id="'left-wrapper'">
<b:section class="'sidebar'" id="'left-sidebar'" preferred="'yes'">
<b:widget id="'Label1'" locked="'false'" title="'<a" href=""http://yourblogname.blogspot.com">Home</a>'" type="'Label'">
<b:includable id="'main'">
<b:if cond="'data:title'">
<h2><data:title/></h2>
</b:if> <div class="'widget-content'">
<h2>Select Category:</h2>
<select id="'select_label'" name="'select_label'" onchange="'showLabel(this)'" size="'3'" style="'font-size:130%;width:100%'">
<b:loop values="'data:labels'" var="'label'">
<b:if cond="'data:blog.url">
<span dir="'data:blog.languageDirection'">
<option value="'data:label.url'" selected="'selected'"><data:label.name/> (<data:label.count/>)</option></span>
<b:else/>
<option value="'data:label.url'"><data:label.name/> <data:label.count/>)</option>
</b:if>
</b:loop>
</select>
</div>
</b:includable>
</b:widget>
</b:section></div>
No comments:
Post a Comment