Create Dropdown Menu For Labels (Category) Widget in Blogger - Cyber Tweaks

Ads Top

Create Dropdown Menu For Labels (Category) Widget in Blogger

Dropdown menu for blogger

A labels widget displays your post labels. Each label is linked to a page containing posts which fall under that label. Usually as your posts increases, so will your labels. If you don’t limit them, sooner or later your labels widget will take over your sidebar

How to Make the dropdown Menu For Labels:


1. Go to Dashboard > Design > Edit HTML.
2. Make sure you DO NOT tick the Expand Widget Templates checkbox.
3. Look for the following lines in your HTML code:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

4. Replace that line with this code:
<b:widget id='Label1' 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'> 
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> 
<option>Click to choose a label</option> 
<b:loop values='data:labels' var='label'> 
<option expr:value='data:label.url'><data:label.name/> 
(<data:label.count/>) 
</option> 
</b:loop> 
</select> 
<b:include name='quickedit'/> 
</div> 
</b:includable> 
</b:widget>

5. Save Template

4 comments:

  1. Thank You Bro :-)

    Fahad Jahandad
    http://www.pathwaytoeducation.blogspot.com

    ReplyDelete
  2. ok how do you remove the LABEL COUNT though?

    ReplyDelete
  3. change this code (<data:label.count/>) to remove LABEL count.

    ReplyDelete
  4. for more gadgets visit
    http://minuteeng.blogspot.com

    ReplyDelete

Powered by Blogger.