How to add elements in the top navigation bar in blogger/blogspot.

by Garish wasil on November 23, 2009

Blogger does not have any option to add elements in the top of blog (navigation bar).
You can only add gadgets & elements in the sidebar.
add elements in top navigation bar in blogspot 300x248 How to add elements in the top navigation bar in blogger/blogspot.

But the above problem can be solved by
a simple snippet of HTML code.
Follow these simple steps :

1. Go to layout —-> edit html. Then click expand widget template.
2. Now find the following code using ctrl+F or manually :

3. Now change the following in the first 5 lines of the above code :


so that the the whole code will now look as :

4. Now just before closing the code with
, add the following:

#header ul li {

padding: 0 5px;

5. Its nearly done now. Go to layout —> add page element. You will now see that you can add a page element above your header. Isn’t that great.

Now if you want to add pages just like wordpress then select “add link list” in the header & add your post page’s link which you can easily get from “edit post” option in the mainpage of blogger.

If you want to know how to create pages in blogger, then click here.

Article By

+Garish Wasil is a 19 years old young Passionate Blogger from India and founder of Vast9 where I share Blogging tips and online marketing strategies that has helped me to make a passive income online. Make sure to Join Vast9 on facebook and follow Vast9 on twitter.

{ 1 comment… read it below or add one }

Trick Backlink June 21, 2011 at 4:52 pm

hey whats up with your code on your post your missing some data, you better check it out, looks bad on your part.


Leave a Comment

Previous post:

Next post: