Follow Following Steps to Add Drop Down Labels Menu Gadget For Blogger
- 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.
- Step 3.Now Cluck On your 'Edit Html' page -Do not tick the 'Expand Widget Templates' box.
- Step 4. Find the following in your blogs Html :zzzzz (Click Ctrl and F for a search bar to help find the code)
- Step 5. When you locate zzzzz it will be in a section of code like this
<b:widget id='Label1' locked='false'
title='zzzzz' 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 BOLD is what will be seen on drop down menu and can be changed to Tags, Category's etc..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>
- Step 7. Save Your Template - The labels gadget is now in drop down form.
No comments:
Post a Comment
Notice: Don't add "backlink". Text with Link will automatically Removed.