Top 10 Labels in Blogger Beta Layout!

ADVERTISEMENTS

This is my first post (and first workaround) for my blogger friends!
Wel this is for only blogger beta users! This is actually a modified version of Neo’s original work!

This does not require any coding knowledge, so all bloggers are free to experiment with this!

So coming to the point, if u scroll-down this page, then u can see Top 10 labels as wel as a drop-down box for labels. (also shown in this screenshot on RHS =>>)

The reason behind showing only Top 10 is there are many tags with just 1 or 2 posts. So instead show only Top 10 tags and then let the visitor choose rest of the tags from drop down menu!

U can change this 10 to any no. u like!

#How To Add this?

Part 1: Edit HTML…

  1. Click here to open a plain-text code file. (Name: “top 10 labels in blogger beta.txt”)
  2. Now log-into ur blogger beta account.
  3. From ur Dashboard go to the layout of ur blog.
  4. Then click on “EDIT-HTML” tab. Also expand the code by checking checkbox above the codebox.
  5. Now find following code in section.
  6. Now copy entire text from “top 10 labels in blogger beta.txt” file to bloggers HTML just below the above code.
  7. Now check out preview. U should see Top 10 Labels in Top-side of ur sidebar. Wait…! You can see just 10 Labels! Well thats fine upto this point! So trust me and save ur HTML template code.
  8. Now click on page-element tabs.

Part 2: Page Elements…

  1. Now on page-elements tab, u shud see a widget named “Top Label” in sidebar. It will also have a edit link.
  2. Click on edit-link.
  3. Just make one editing. By default, labels are shown alphabetically, select ‘by frequency” instead. And then press save changes! (as shown in screenshot)
  4. Its done now. U can move this widget to anywhere like any other widget! :-)

# FAQ:
How to change Top-10 to Top-20 or something??
It needs one change in HTML code. Find

if ( myCnt < 10 )

and change 10 to anything u like. e.g. 20 for Top-20 labels, etc!

Share and Enjoy:
  • Digg
  • del.icio.us
  • IndianPad
  • StumbleUpon
  • Technorati
  • YahooMyWeb
  • Furl
  • Reddit
  • Google
  • TwitThis
  • Facebook
  • Slashdot
  • SphereIt
  • blogmarks
  • MisterWong

If you like this post, you may subscribe to my RSS feed or email alerts to receive automatic updates in future! Thanks for reading... :-)

Comment RSS · TrackBack URI

4 Comments (including Pingbacks/Trackbacks) so far »

  1. #
    Siddharth on May 8, 2007

    dude, from where do i get the .txt file…

  2. #
    Rahul Bansal on May 8, 2007

    @Siddharth
    Sorry for trouble dude and thanks for bringing it to my notice!
    The link has been corrected now! :-)

  3. #
    Sideth on November 7, 2008

    Thanks man, it is the great news for hearing you provide this information to me. THnk

Leave a Comment

 Name (Required)
 E-mail (Required)
 Website

Comment:

  OR Use forum if posting unrelated to this topic.
[Note: All comments will be moderated as per our comments policy.]

Subscribe without commenting


1 Trackbacks/Pingbacks

  1. Top 10 Hacks for flickr Addicts! - Welcome To Rahul Bansals Workshop on October 6th, 2007