How Make Drop Down Label Menu In Blogger

Drop down label in blogger is great trick for bloggers.Its very helpful for some bloggers who have large no of categories in there blog and have very less space to show them.I hold a post before how to make a drop down menu to place any links in drop down menu you want. If you searching for it visit here.

Below is the sample of label in drop down menu

– Browse By Categories – Blogger WidgetBlogger HackBlogger Tutorials

Log in into blogger with your ID.
Click layouts
Click Edit HTML.
Click download full template to back up your template.[ very important ]
Click expand widget templates.

Find the Code below:-

<ul>
<b:loop values=’data:labels’ var=’label’>
<li>
<b:if cond=’data:blog.url == data:label.url’>
<data:label.name/>
<b:else/>
<a expr:href=’data:label.url’><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Now delete the code and replace them with below codes:-

<select onchange=’location=this.options[this.selectedIndex].value;’ style=’width:100%’>

<option>Browse By categories</option>
<b:loop values=’data:labels’ var=’label’>
<option expr:value=’data:label.url’><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Now Preview It ,If its Ok. Click save template button.

I hope you will love this.

22 Comments

  1. paoulo April 12, 2009
  2. Anshul April 12, 2009
  3. ViCky April 15, 2009
  4. ViCky April 15, 2009
  5. Anshul April 16, 2009
  6. Perspective Shift Chris April 28, 2009
  7. sweetbayag June 11, 2009
  8. anshul June 11, 2009
  9. Trendsetters June 29, 2009
  10. lillya November 8, 2009
  11. SoCalFoodie November 20, 2009
  12. Softpump December 11, 2009
  13. KittNLuv February 21, 2010
  14. shydub March 28, 2010
  15. Drake September 17, 2010
  16. Anshul September 17, 2010
  17. Drake September 18, 2010
  18. Drake September 23, 2010
  19. Anshul September 25, 2010
  20. Drake September 26, 2010
  21. l'Iconoclaste June 4, 2011

Leave a Reply