Steps to Display Labels Gadget in Drop Down Menu Style

label
The following script is shared from spiceupyourblog .

Steps to Display Labels Gadget in Drop Down Menu Style



NOTE : Backup Your Template !!!

Steps :
  1. In Your Blogger Dashboard Click > 'Design' > 'Add A Gadget' 
  2. scroll to find 'Labels'(  From the pop up menu  ) and click the 'Add' icon. ( Important - The gadget will have the title 'Labels' change this to XXX and save the gadget.)
  3. Now advance to your 'Edit Html' page - Do not tick the 'Expand Widget Templates' box.
  4. Find the following in your blogs Html 4 ( Click Ctrl and F for a search bar to find the code ) 
  5. When you locate XXX  it will be in a section of code like this 
<b:widget id='Label1' locked='false' title='zzzzz' type='Label'/>

      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 red is what will be seen on drop down menu and can be changed to Tags, Category's etc..

      7. Save Your Template - The labels gadget is now in drop down form.You will want to change the name of the gadget from XXX, to do this just return to your Design page > Edit Gadget and change to Labels or Category's etc..

To Remove the Gadget You Should Start from the 1st step onwards . 

Comment below if you love the post . Feel free to ask doubts in comments 

Share This :



sentiment_satisfied Emoticon