Dropdown Categories for Blogger Account -- Online Information about Blogging Resources and Tips


Advertise your Web site with Yahoo! Sponsored Search. Sign up and get a $25 credit into your new account. Learn more.
Have to be visited My Favorite Sites Place to buy bags, shoes, and accessories Games World

Home » Tips Tricks

Dropdown Categories for Blogger Account

22 July 2008

69 views

No Comment

Email This Post

Have you ever thought to change your categories looks to dropdown style? Maybe you ever, because if you have had many articles then your sidebar will be full, it doesn’t matter for blog which is not has many categories, for blog with many categories will make your sidebar unclear.

Not as archive menu, label in blogger is not supported with dropdown menu. Don’t be worried, you can make this on your own. Before we going further, make sure you already add label element on your blog.

Here are the steps to make it:

First step, go into template tab –> edit html –> don’t forget to check Expand Template Widget –> find code below:
Tips: find 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 code above, replace with 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>

And you can change tag Select label with your own word.

Rate this:

3.0

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting! And please feel free to comment.