Adding Label-based Pages To Blogger

In today’s featured tutorial, Tom Gehrke of thomasgerke.com shows us how to create a label-based page to your Blogger site. A label-based page is basically a section on your blog that contains similar or related posted articles. It offers your visitors a nice and easy way to look up relevant information aside from using other features like the search box.

This feature works best if you mark your posts using single-word descriptions for your articles (as Tom describes himself and his own situation in his article). So how do you create such a page?

In you dashboard, go to the “Pages” section and click on “New Page” and select “Web address”.

You’ll be presented with a form that will ask you to provide a name (Page title) for your page and its URL address. The name can be whatever you wish as long as it makes sense.

For example, if you want it to display all of your “How-To” related posts then name it as “How-To”.

For the URL address field, simply key in your blog’s URL and then append/search/label/Your_Label. Hence using the above example, you’d end up with something like “http://www.yourblogsite.com/search/label/How-To”.

And that’s it! You’re done.

NOTE: This comes with a couple of caveats, however, as Tom points out.

Caveat #1: Capitalization
The case of the label you use to tag your posts needs to be what you enter in the Web address. I’ve been labeling posts with a capitalized “How-To” rather than “how-to”. So “http://blog.thomasgehrke.com/search/label/How-To” works while “http://blog.thomasgehrke.com/search/label/how-to” does not.

Caveat #2: Spaces And Other Characters
You may have elected to use labels that include spaces or other special characters. These characters need to be URL encoded. (Read more about URL encoding here.) If I wanted a page that gathered up all of my New York posts, the Web address I would use is “http://blog.thomasgehrke.com/search/label/New%20York”. Note that I replaced the space between “New” and “York” with a “%20″.