Organize Posts with Blogger Pages

Abstract:  When I started this blog I was excited to see that there were pages, so I could organize my content, however under closer inspection I found that they dont actually allow for multiple posts.  These static pages are fine if you never really need to update the data, however I wanted to have individual sections such as Hacking, Science and Technology.  I found a simple (ugly) little method to do this using Javascript and the standard Blogger dashboard.

Method:  It is actually very simple to do this for basic functionality.  First navigate to you Blogger dashboard then go to Posting->Edit Pages->New Page.  This will bring up a prompt for you to compose or Edit the HTML code.  Choose to Edit the HTML code as shown in the image below.

The code shown in the example is simply a javascript redirect which moves the page to the relevant search page for the topic you want.  When you create a new post you simply add the search topic into the Labels section.  For each page just change the redirect URL.

Code:  <script type="text/javascript">

            <!--

            window.location = "http://theuglybanana.blogspot.com/search/label/Hacking"

            //-->

           </script>

Simple paste this with the proper URL for your site and save the changes.   Of course you will have to add a pages widget, but when clicked it will redirect to the relevant search topic.  For example I labeled this post with "Hacking" which is why it shows up here.

Problems: 

1. Since this is an ugly hack there are a few little problems with it.  First of all since it redirects from one page to another the viewer will see a quick glimpse of an empty page before the redirect occurs, however this is not really noticeable if you have a quick internet connection. 
2. When you navigate to this "page" the tab will not be highlighted as it is not on the specified page.  Im sure with a little of CSS and screwing around you can make the redirected page activate the button, but I have not done that to date.  An example of what I mean by this is shown below. 

In this picture we are on the hacking page however it is not highlighted.

Conclusion:  This is a quick and very easy way to get post pages organized on Blogger using the template designs and not too much overhead.

-theuglybanana