About & Contact | Advertise | Privacy
Google Tutorials and News

Google Tutor

Your how-to guide for Google with Google tutorials, tips for using Google and handy tricks.

Blogger Hack: Adding Categories to Your Sidebar Without Losing Your Old Template

Written by: Peter Jalbert on Thursday, December 28th, 2006
Posted to: Blogger

14 comments, add yours!

Tweet

Blogger’s upgrade to version 3 made big news among Blogger (and blog*spot) users. For one, the system gained a lot of improvements over the previous incarnation. However, along with this upgrade came some disadvantages. First, not everyone had the ability to upgrade their Blogger accounts. Then, those who upgraded but had heavily-customized layouts found out that they couldn’t enjoy the new drag-and-drop layout editing features.

Most Blogger users won’t probably have the need to edit raw theme code, and true enough, most users would probably be able to understand what’s under the hood. Even intermediate users resort to cutting and pasting borrowed code, or pasting in pre-made themes downloadable over the Web. After all, majority of Blogger users seems to welcome the fuss-free drag-and-drop layout editing.

If you’re still using the old Blogger version, I suggest you upgrade if you need to use categories on your blog (if an upgrade is possible). Be sure to backup your template by copying it over to a text editor.

Now, if you’ve heavily modified your Blogger theme, you most likely want to stick with your “classic” template, at least until you get to modify a new template that conforms to the new Blogger layout standards.

Let’s say you’ve upgraded already and you want to revert the look of your blog to your old template. Under dashboard, simply click TEMPLATE and then EDIT HTML. You now have the option of pasting back your “classic” template which you had previously backed up.

gt-template.jpg

Now assuming all your posts–or even just your new ones–have labels already, we will generate a list of existing labels on your site. Simply go to the “create post”, and then click the “Show All” link under labels. You will then see a list of all the existing labels you have. We will use this for reference.

gt-all labels.jpg

Now, under your “classic” template, create a list (ordered or unordered). As contents of that list, use these links, to point to your labels.

<a href=”http://yourpage.blogspot.com/search?label=yourlabels”>yourlabels</>

For the example labels above, we will create an unordered list here.

<ul>
<li><a href="http://yourpage.blogspot.com/search?label=blogger">blogger</a></li>
<li><a href="http://yourpage.blogspot.com/search?label=blogging">blogging</a></li>
<li><a href="http://yourpage.blogspot.com/search?label=google">google</a></li>
<li><a href="http://yourpage.blogspot.com/search?label=posts">posts</a></li>
<li><a href="http://yourpage.blogspot.com/search?label=test">test</a></li>
<li><a href="http://yourpage.blogspot.com/search?label=writing">writing</a></li>
<ul>

And so forth.

When you save your settings, you will now see a list of your labels on your sidebar on your classic template. Also, when you add new labels, don’t forget to add lines on your sidebar that correspond to these new labels.

This is somehow crude, but it should work, until Blogger gives you a way to import your old-style template into the new format.

Don’t miss another post! Subscribe by RSS feed or by email today!

ShareShare this post!   14 comments, add yours!

Related posts

    • Blogger Labels: Just Like Tags!
    • Upgrading Your Blogger Account to Version 3 (part 2)
    • Upgrading Your Blogger Account to Version 3 (part 1)
    • Upgrading Your Blogger Account to Version 3 (part 3)


14 Responses to “Blogger Hack: Adding Categories to Your Sidebar Without Losing Your Old Template”

  1. # roxyon 20 Jan 2007 at 10:40 am

    Why isn’t it working for me? Gives me a page cannot be found error everytime.

  2. # stefon 25 Jan 2007 at 7:38 am

    remove the ” that does something more

  3. # GT Staffon 25 Jan 2007 at 11:47 am

    Actually it’s supposed to be a plain ” (quotation mark). Somehow, the blog software (WordPress) converts it into those open/close quotation marks. I think I better enclose the html within <code> tags.

  4. # Ianon 31 Jan 2007 at 6:56 am

    Do we have anyway to do this automatically? I am using FTP publishing for my Blogger.

    Thanks..

  5. # E Ron 24 Feb 2007 at 8:38 am

    Hope you can help. Working with classic blogger template. Noticed that the sidebar links on the Main page are missing on the individual Post pages. Only the Previous Post links appear on Post Pages. How do I ensure all links appear on all blog pages?
    hope you can help, going crazy trying to figure this out! many thanks in advance.

  6. # Mumsgatheron 21 Mar 2007 at 12:28 am

    […] Talking about blogs, I just finished doing up the categories for all my old posts, all 561 of them on my Parenting Times blog and 183 of them on my Mothering Times blog. Phew! Thats hard work! But it was quite fun too to look back at what I wrote. I’m still using my old blogger template as I’m stubborn and refuse to change to the new blogger customised ones since I’m so used to the old template. So I had to manually include the categories into my sidebar. I did it following this article for anyone who is interested: Blogger Hack: Adding Categories to Your Sidebar Without Losing Your Old Template […]

  7. # Vineeton 01 Apr 2007 at 11:57 am

    cant we do it dynamically, its very hactic to maintain such info abt categories mmanually

  8. # pisethon 11 Apr 2007 at 11:48 pm

    I read your post and explanation code but i still can’t get rid of getting label to my webblog. i would appreciate if you can help.

    Thanks

  9. # Christion 29 Oct 2007 at 11:08 am

    Thank you for this information! I was going mad figuring this out.

  10. # Planet Apexon 03 Jan 2008 at 9:45 am

    Blogger upgrade to version 3? what’s that? I have a blogspot blog in New Blogger, is that this version or is it something that has been newly released?

  11. # francion 07 Feb 2008 at 12:08 am

    HEY! this works if you follow the steps, in the classic template only take care of put the correct link! BYE!

  12. # chandruon 09 Feb 2008 at 5:44 am

    Is there a way to add the number of posts in a label in brackets beside the listed label names?

  13. # Ruthon 10 Feb 2008 at 5:37 am

    thanks alot! Ive been searching the web for an html code.. and i was quite disappointed it only works in beta blogger..

    I just cant afford to lose my old template and start all over again! ;)

    any chance we can show number posts as well?

  14. # klodianon 21 Feb 2008 at 9:02 am

    good post
    but this dont show all my post on specific label this show only 20 last posts

  • Advertise Here
  • Authors

    • Abhijeet Mukherjee
    • Christine Buske
    • David Van
    • Peter Jalbert
    • Brian Wallace
    • Phil Glockner
    • Mark O’Neill
    • Yoast DeValk
  • Friends

    • Craig Fifield
    • Joost DeValk
    • Guiding Tech
    • PC Extreme
  • Deals

    • Save $5 - Spanning Sync Discount Code
    • $120 off - With this BOTW promo for ads
    • Coupons! - Save with our Google Checkout Coupons
  • Popular categories

    • News, Gmail, Google Chrome, Google Docs, Google Calendar
  • Just posted

    • 24 Hours In The Google Economy (Infographic)
    • Can Facebook Beat Google? (Infographic)
    • Google Launches Knowledge Graph, a Significant Change in SERPs
    • Google Docs Gets a New Research Tool
    • Gmail Gets Better Google+ Notifications
  • Just said...

    • Google Tutor’s Google Search Manual
      • Kennedy Mensah: I am overwhelmed about the details I used to overlook
      • Buadi Barachel: The Google tutor is quite faster and helps in retrieving...
      • search engine friendly: Good information. Lucky me I discovered your blog by...
    • Using the Google Deskbar
      • Penney: Everything is very open with a clear clarification of the issues. It...
    • Building A Basic Search Query
      • best sodasteam: That is a really good tip especially to those new to thhe...
  • Community


      Join me at: Twitter, MyBlogLog
  • Tools

      Beginner's Guide to Google
      Google Help Forums
      Shared Items Plugin
      Track Google via Twitter
      Research Google
      Simply Advanced Google Search
  •  

Google Tutor: Google tutorials and tips © 2003-2015. All Rights Reserved. Advertise, About & Contact Us, Sitemap, Privacy. CDN Service by MaxCDN. GoogleTutor.com is not sponsored by or affiliated with Google, Inc. in any way (although we'd love to be!) we are just fans :)