Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Thursday, 27 June 2013

Add Drop Down Labels Menu To Blogger

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.
Important- The gadget will have the title 'Labels' change this to zzzzz and save the gadget.
  • 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 :
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..
  • 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 zzzzz, to do this just return to your Design page >Edit Gadget and change to Labels or Category's etc..

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.