Be Social!

October 19, 2011

Add Horizontal Menu bar to your Blog for improved Navigation

Link your Blog

In blogger if you add posts, they will be visible in the homepage one after the other with the most recent one at the top. But there is a limit on the number of post to be visible in the homepage. So what about the older posts?
This is where a horizontal main menu bar with important links categorized by topic comes to the rescue.You have the option of archiving where posts will be organized with date, month and year. Or you can categorize posts with “labels” where you can organize posts under several topics.  

I prefer the later method(Labels) to create the horizontal menu links which gives me the option to categorize posts under many topics.You can place this main menu traditionally at the head of your blog. This will give your blog more professional look as a website.

For successfully placing a horizontal menu, you have to do two simple things.
  • First, every time you publish posts, give a valid Label to group it under a particular category like "Gadgets" , "Home", "Forum" etc,. Then you can display the "Labels" by choosing it in "Add Gadget" option in the layout.
  • Second for the main menu bar links below the header, you have to add some html codes using "Html/Java script" through Add gadget option. Then paste the below code in that gadget.
<li><a href="">Home</a></li>
<li><a href="">Computers</a>
Make sure that the red color text in the above code is replaced by your blog's url links and give appropriate Label names in the place of blue colored text.

So every link you want to include in the horizontal main menu, replicate the contents from <li> to the</li>  inside <ul> and  </ul>.

Happy blogging.