Tweak your label tabs

Translations by other bloggers: Chinese

Here I have an improved version of Hoctro's labels as tabs hack. Quite a few people have more than 10 labels and I am sure they wouldn't want to show all their labels as tabs. I have a modified version which will allow you to show only the top 5 labels (based on frequency of their usage) as tabs. I also made two other changes to the code:
1. Show a "Home" tab that points to your main page
2. Modify the label URL such that the label page will show upto 100 results (remember my previous hack?).

If you would like to use this updated version, first install Hoctro's original hack if you haven't already. Then, goto 'Page elements' tab, click "edit" for the label-as-tabs widget and change the sorting order to "By frequency". Then, find and replace Hoctro's widget code (his step 5) with this code.

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <div id='tabsF'>
    <ul>
      <li><a expr:href='data:blog.homepageUrl'><span>Home
         </span></a></li>
      <script type='text/javascript'>
        var labelnum = 0;
        <b:loop values='data:labels' var='label'>
        if (labelnum++ &lt; 5) {
           document.write("<li><a expr:href='data:label.url + 
"?max-results=100"'><span><data:label.name/></span></a></li>");
        }
        </b:loop>
      </script>
    </ul>
  </div>
</b:includable>
</b:widget>

Save the changes and check it out! As always, you could tweak the limit of 5 to any other number you like. I guess you can easily find the line to change. You will, if you have been taking the journey of hacks with me ;-)

Also, check out Ricardo & Vivek's nice trick to make your links in sidebar open in a new window. This is a good idea to keep your blog open even after the reader clicks one of your links.