Create Dropdown Menu For Labels (Category) Widget in Blogger

Dropdown menu for blogger

A labels widget displays your post labels. Each label is linked to a page containing posts which fall under that label. Usually as your posts increases, so will your labels. If you don’t limit them, sooner or later your labels widget will take over your sidebar


How to Make the dropdown Menu For Labels:


1. Go to Dashboard > Design > Edit HTML.
2. Make sure you DO NOT tick the Expand Widget Templates checkbox.
3. Look for the following lines in your HTML code:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

4. Replace that line with this code:
<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'> 
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> 
<option>Click to choose 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> 
<b:include name='quickedit'/> 
</div> 
</b:includable> 
</b:widget>

5. Save Template

Sharing Widget bychamelcool

جميع الحقوق محفوظة ©2014-2015 | ، نقل بدون تصريح ممنوع . Privacy-Policy| تصميم : عبد الصمد بوطاهري