Sunday, 19 August 2012

How To Convert Blogger Labels in Dropdown Menu easily.

Many Blogger users have a long list of labels. and many bloggers like to using drop-down lists for long lists which minimizes clutter and enables information to be displayed in the sidebar neatly. so Blogger offers a dropdown menu option for the Archives widget. but do not have the option to enable a dropdown list for our labels. So in this tutorial we will look how to active dropdown label box to our blog. If you want to view demo. check picture in below.. congrates friends!
How To Add Drop Down Menu For Blogger Labels

* Login to your blogger Dashboard--> Desing--> Edit HTML

* Scroll down to where you see <b:widget id='Label1' locked='false' title='Labels' type='Label'> tag .

* Copy below code and Replace the above code <b:widget id='Label1' locked='false' title='Labels' type='Label'> tag.


<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'>
<br/>

<select onchange='location=this.options[this.selectedIndex].value;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

* Now Click On 'SaveTemplate' You are done..

No comments:

SJ Network Live Stream

SJ Network Daily Motion Live Stream