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
0 comments:
Post a Comment
1.Your feedback is appreciated .we will try to respond as soon as possible .
2.While commenting make sure you click "subscribe by mail ", so that you will be notified follow up replies
3.Please don't spam ,dont use keyword in the name section, don't drop the links for the sake of backlinks and other purpose ( Comments will not be published and deleted)
4.Make sure you check the previous comments , before asking any any queries . you may get the solition in the comments itself.
5.Comments should be related to the topic .
if above all not followed the user may result in ban :(