How to create a Drop Down Label Menu in Blogger Blog

How to create a Drop Down Label Menu in Blogger Blog-Labels are very important role in our blog because we categorize our blog posts under different labels. Labels are very useful for our readers because they search our posts  under various labels. Some times while a blogger has a large number of labels and he uses a one column theme, in such case his readers may face problem in finding the different labels. This problem can easily be solved by making small changes in your blogger HTML document. To add a beautiful drop down menu for your label list follow these easy steps –



First login to your blogger Dash Board ad backup your template.
Now Click “Template”
Click ‘Edit HTML’
Now the HTML document will open.
Now you have to find the following set of html code-
<b:loop values='data:labels' var='label'>
Now click anywhere in side the open HTML document and press “CTRL+F”, the HTML search box will open.
Write “<b:loop values='data:labels' var='label'>” in the HTML search box and press ‘Enter’
The string will be highlighted as given under –
<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 you have to replace the code from the opening <ul> to the closing </ul> so selecte the entire code given above and replace it with the following set of code –
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Browse By Labels( Write the Title of menu you want to be displayedhere)</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Choose a name for your drop down menu and replace the text in red color with your chosen name.
Save your template safely and exit to check your work.
To read more about How to Resize Your All Post-Images in Blogger at a Time click this link.


Reactions:

1 comment:

  1. Today, I went to the beachfront with my kids. I found
    a sea shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She placed the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is completely off topic but I had to tell someone!



    My webpage - home improvement diy ideas
    ()

    ReplyDelete