Bloggers: Get rid of horrendously long category menus!

I’ve noticed that almost everyone who puts in a Category widget (also known as a Page Element at Blogger, etc) into their sidebar ends up with a horrendously long menu that ends up being usually a third longer than the page itself, which may already be rather long. Myself, I have never even bothered looking through these long lists because I just don’t want to bother. So to help people use shorter category lists that I will actually read, I went ahead and wrote some basic HTML for everyone to use.

To Customize:

With it you can select which categories you want to have shown instead, by replacing “inserttaghere” with another category such as “firefox”. Below I’ve
included the necessary code to use it in WordPress and Blogger. If you have wish to install it on a blog hosted by a different company let me know your web page’s address and I’ll gladly help you.

You can also customize where the linked file will open by replacing target=”_self” with target=”_blank” and vice-versa. Here’s what each does:

target=”_self” – Use this to open the specified file in the same window. Since this is what links do by default though, you can just take out the target property and get the same result.

target=”_blank”Use this instead to cause the file you linked at to open in a new internet browser window. If the Internet browser uses tabs though, the file will just be opened in a new tab.

Installation:

Simply copy and paste this ode into an HTML Page Element (Blogger) or Text Widget (WordPress).

Wordpress Code:

<ul>
<li><a href=”tags/inserttaghere” target=”_self”>Insert Tag Name Here</li>
<li><a href=”tags/inserttaghere” target=”_self”>Insert Tag Name Here</li>
<li><a href=”tags/inserttaghere” target=”_self”>Insert Tag Name Here</li>
</ul>

Blogger Code:
<ul>
<li>< a href=”/search/label/inserttaghere” target=”_blank”>Insert Tag Name Here</a></li>
<li>< a href=”/search/label/inserttaghere” target=”_blank”>Insert Tag Name Here</a></li>
<li>< a href=”/search/label/inserttaghere” target=”_blank”>Insert Tag Name Here</a></li>
</ul>

Credit to PhotoMatt since I didn’t know exactly how the menu worked until I saw this on his site. If anyone needs any help feel free to ask for it by leaving a comment.

Update: You can always use a Tag Cloud instead if you don’t want to bother
managing your Category menu, which you can add easily in WordPress by using one
of their widgets. I’m currently trying to find how to add one in Blogger, so if
you use Blogger check back soon. Thanks to walkingbetween for reminding
me about the Tag Cloud.

Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools Bookmarking Tools BookmarkingTools

Advertisements

2 Responses

  1. nice… another good way to make the categories occupy less space is to use the Tag Cloud widget (on wordpress.com)…

  2. Thanks for reminding me actually, I’ve forgotten about it. Myself I’ve always liked simple and aligned menus before, and used them instead of Tag Clouds that have rather random links all over the place. It really depends on your preferences.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: