Thursday, August 20, 2009

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.

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.

0 comments:

Post a Comment

 

Easy Tutorial's | Copyright 2009 Tüm Haklar? Sakl?d?r | Blogger Templates by GoogleBoy