Tuesday, February 24, 2009

How to Remove or Hide Navbar from blogger-Tutorial

Navbar Configuration
We usually use navbar to search something and also it do has "Next"botton.

It is also used to "Flag" blogs.

But if you want to give yor blog a website look,you really thinks of removing the navbar that is present right at the top of the blogger header.

The process is simple.


Before removing Navbar
1.First Go to Layout.

2.The choose Edit HTML.and go to the position marked in the picture.

Hide or remove Navbar tutorial3.Then the following code should be added above the #header-wrapper as shown in the picture

#navbar {
height: 0px;
visibility: hidden;
display: none;
}


Hide or remove Navbar tutorial 2After placing the code,click on the "Save Template" to save the changes.

That's it !! Now there is no navbar .It's gone.

This tutorial is for just hiding the navbar and it not against of Blogger Terms of service.

After removing Navbar

3 comments:

mark. said...

thanks heaps for this.

Bac Pham said...

Thank you for the tip!
It worked with me
http://realestateinvietnam.blogspot.com/

Clommot Fatan said...

Horey... It`s fixed! thank you, I appreciate you for taking the time out of your day to share the great part from your experiences and honestly I got it at the best point. If you have another free time would you please share your thought on our newly added product here http://www.royalgorden.com/. Thank you in advance and have a great time...

Post a Comment