How To Add Drop Down Label Widget In Blogger

This tutorial is of category listing together with for drop-down label menu.It hold upwards or exhibit listing of labels by together with large shown  at the side bar piece yous tin alter the position of gadget.

If yous desire to decrease main navigation bar size, this tin help to yous create so.this drop-down menu display your label categories,and labels are link amongst them.each category exhibit postal service added in label .you tin suit size of the drop-down. follow these steps to add together it to your blog.

Add animated label amongst hover effect

Adding driblet downward category widget inwards blogger

login to blogger employment concern human relationship Go to template together with edit HTML


 Find below code past times using Ctrl+F 

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Replace higher upwards draw amongst below code.

<b:widget id='Label1' locked='false' title='Categories' 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>Choose a Category</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 salvage your template together with instruct to your spider web log together with cheque either widget is working correctly or not. 

if yous had whatever employment yous tin inquire me inwards comment.

Bagikan Artikel ini