After talking about blogger hacks like how to create drop down menu and how to add Digg button on your post, in this series of blogger hacks we are talking about how to create Drop down labels. Drop down labels? Yeah, no kidding, i swear of Peter's mom that this blogger hack is going to be cool and really great to implement too.
This blogger hack is not that hard to implement. It is just the game of few codes and you are done. So lets go to the point on how to create Drop Down labels. Firstly go to 'Layout' then to 'Edit HTML' and click on the 'Expand widget template' checkbox. i am again repeating the same boring thing 'Please download your full template first'. Okay, so are we done till this step? Okay then let's move forward.
Now look for the following code in your template<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'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now, replace the code above in blue with following code.<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select 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>
Now save the template and you are done. Wow, you did it man.
This was todays blogger hack. If you will use this hack then i hope a free backlink from you.
Subscribe to:
Post Comments (Atom)


a great tutorial and tip..i have added to my site thank
Wow--that is the easiest Blogger hack I've seen!
It works great on my blog:
http://amccright.blogspot.com
Thank you!
wow! amped my blog with the widget!
thanx
http://deathbyporno.blogspot.com
link exchange pls?! ")