Organizing Links in Blogger

I should be writing articles for this week's deadline...but I can't help tweaking this blog a little bit more. Now that the blog is up, I've made up my mind to fix the labels first before a-posting. I miss the 'categories' in old blogger, especially since the default label system has only one directory level. Turns out there is a tweak to making two-level directories for categorizing labels. Here's how I did mine:

[Read more]
1.  Go to the Settings tab from the Blogger dashboard
2.  Go to Page Elements
3.  Click on Add a Gadget at the top of the Sidebar gadget list
4.  Pick the HTML/Javascipt gadget
5.  A new window pops up. Put in an appropriate title (mine's "Blog Categories"...will have to change that later).
6.  Under Content, type the following:

<h3><a href="LINK OF TOPIC A">TOPIC A</a></h3>

<ul>

<li><a href="LINK OF SUBTOPIC1">SUBTOPIC 1</a></li>

<li><a href="LINK OF SUBTOPIC2">SUBTOPIC 2</a></li>

<li><a href="LINK OF SUBTOPIC3">SUBTOPIC 3</a></li>

</ul> 

<h3><a href="LINK OF TOPIC B">TOPIC B</a></h3>

<ul>

<li><a href="LINK OF SUBTOPIC4">SUBTOPIC 4</a></li>

<li><a href="LINK OF SUBTOPIC5">SUBTOPIC 5</a></li>

<li><a href="LINK OF SUBTOPIC6">SUBTOPIC 6</a></li>

</ul> 

<h3><a href="LINK OF TOPIC C">TOPIC C</a></h3>

<ul>

<li><a href="LINK OF SUBTOPIC7">SUBTOPIC 7</a></li>

<li><a href="LINK OF SUBTOPIC8">SUBTOPIC 8</a></li>

<li><a href="LINK OF SUBTOPIC9">SUBTOPIC 9</a></li>

</ul> 

Replace the ones in caps with the topic/subtopic of your choice. You can also change the heading if your css's h3 is too big or too small.

7. Hit Save to save your new page element.

This actually works - you can see an example from at the sidebar of this blog. I still haven't figured out how to fix the font elements so that it doesn't appear too tight. Once I do I'll post the code here :-)

Thanks to The Blog Doctor for showing me this hack!