Drop Down Label

Ever thought of changing the display name of the label with a drop down style labels? of course yes, because the more articles that we write of course the more the label or category is added, it does not matter if we label name only 5 or 10 names of labels, then what if up to 20 or more while the labels in the standard blogger will appear arranged down and of course how this standard will take place on our blog page later.

Unlike the blogger archive menu that can be set in the view drop down, label the blogger do not have this facility. Do not worry because the genius minds out there already thinking about this..:D. Additional bit, before we use the following code to make sure that the label element is mounted on the blog, if not do not expect to find the code.

Follow the tutorial below to make the drop down labels:

 
(Do not forget to backup before trying the code by pressing the Download Full Template link)

The first step, entered on the template tab -> Edit HTML -> Do not forget to check the Expand Widget Templates -> then find the code below:

Note: To make it easier in the search should find the code (<data:label.count/>)

<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>

If you have found replacing all the above code with the code below:  

<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> 

Red color <option>Select a label</option> can we replace with its own sentence.

I do not know if all templates are compatible with the code, so please try it.

Do you Like this Post ?

Get Free Email Updates Daily!	Follow us!

Posted in: Info Blogging,Tips