The following script is shared from spiceupyourblog .
Steps to Display Labels Gadget in Drop Down Menu Style
Steps to Display Labels Gadget in Drop Down Menu Style
NOTE : Backup Your Template !!!
Steps :
- In Your Blogger Dashboard Click > 'Design' > 'Add A Gadget'
- 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.)
- Now advance to your 'Edit Html' page - Do not tick the 'Expand Widget Templates' box.
- Find the following in your blogs Html 4 ( Click Ctrl and F for a search bar to find the code )
- 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
comment 0 التعليقات:
more_vertsentiment_satisfied Emoticon