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



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:

paoulo said...

hi. did as you posted. rather incredible result but still not what i was lookging for. For example. i have some categories in my blog and wished to get sub categories. under that. how do i include that??

Anshul said...

you cant have subcategories in blogger friend.

ViCky said...

Does not work for my blog .

http://vickydailylife.blogspot.com/

Possible problems ?

ViCky said...

It actually Works but the real problem is color. It display text in white background color which is not visible in my theme .

Can you change that ?

Anshul said...

sorry you cant

sweetbayag said...

i cant do the drag down or drop down menu!

help!

http://deathbyporno.blogspot.com

thanx

anshul said...

@ sweet Its very simple friend just do it step by step and dont forget to expnad your template code by checkmarking it.

Trendsetters said...

It worked!!! thank you... It was well explained and simple. thank u...I ve been looking for this code and have got complicated codes..

lillya said...

I love you for this so much!! :)

SoCalFoodie said...

Hello anshul,

I've come across a few of your posts during some searches...your provide some great information. You are very kind to provide regular feedback as well.

I like the drop down menu for labels, but I want to use this in a regular blog post while leaving the standard Labels list in the sidebar. Heck, I'd even be happy with a regular list in a blog, but I can't seem to figure out how to do this. Is it possible to snatch that code and add it to a post?

I know I can take each individual Labels feed and create a bulleted list, but that requires regular updating if new labels are added. I'm creating this blog for someone who has zero web knowledge.

Thank you!

Softpump said...

thanks 200 times!!!!!!!!!!! decreased site size from 90 kb to 76 kb

KittNLuv said...

Your my new favorite person. I searched for hours, days looking for a simple and effective way to do this. Awesome. And many, many thanks!!!

shydub said...

It works thanks for the tip. add this to my site

Drake said...

hi

seems cant find for the code due to existing third party template. is there any way you can help me out. or possible i'll send to your email or ill post my email (sydwalk@yahoo.com) my html to edit and to change my labels particularly dropdown type.

in any form means, thanks, really need badly for my auction blogsite.

will wait for your consideration

thanks sir

:)

Anshul said...

@drake first you must have lablel widget installed in sidebar.Then find codes u will get for sure.

Drake said...

until now lots of label widget installed but havent seen the code. pls help, need badly to fix. im planning to send you my templace html code. pls pls thanks sir

Drake said...

Hi Anhul,

I already installed label widget but can't find it the html code. actualy, im using third party template. pls help. i need to fix my label

Anshul said...

@drake give me admin to your blog i will do it.

Drake said...

email me at sydwalk@yahoo.com then will reply to you my username and password. thanks sir

廣告小妹 said...

It worked perfectly :)
thanks!!

l'Iconoclaste said...

Hello ! I would like so much to install this menu but I can't, I don't have this code in my template :( Can you help please ? :)

Post a Comment