Apr 29, 2008 in

Hide Blogger Navigation Bar / navbar

As we all know in blogger, above header there is navbar or navigation bar . Most of want to hide the navigation bar in blogger , but we don't know how to do that. Never wonder here is a simple trick to hide the navigation bar in blogger .







Follow these easy steps to paste the below CSS code :



CSS code to remove Navigation Bar in Blogger :

/* CSS to hid navigation bar */

#navbar

{

height:0px;

visibility:hidden;

display:none

}


hide Navigation bar in Blogger
Log in to your blogger account and select the Layout of the blog which you want to modify.



Select the tab page Template and then click on Edit HTML



Search for the text : body {



now paste the CSS code above the line in red.



This is how your template HTML code should look after pasting the hack code snippet





That's all. From now onwards your blog will not display navigation bar.

Check Out This Popular Posts

7 Responses So far
gravatar
Steve Oldner
on December 17, 2008 at 5:08 PM  

I like the navbar. How do you keep it fixed so it won't scroll with the page?

gravatar
AATON
on December 30, 2008 at 5:11 PM  

I read some cases, that Blogger has close the Blog of people who removed the NavBar from their Blogs. Is that true?

Thank you for your job, i wish you,
Happy Holidays and happy New year

gravatar
007gEm
on January 4, 2009 at 8:58 AM  

cool!..tnx now I can hide the Navbar in my Blog

gravatar
Shafar
on January 21, 2009 at 8:57 AM  

I'm afraid whether this hack is against the Blogger Rules :(

Tips Blogger dot Com

gravatar
raja amir
on March 2, 2009 at 9:46 AM  

hAVE NICE TIP BUT TOMW I WILL TRY I NEED TO DO IT

gravatar
The Second Life
on May 16, 2009 at 6:57 AM  

wow... its like a magic. i thought i copy to body, but when i copy before body, its totaly disappear

gravatar
shin.ramyon
on June 3, 2009 at 11:37 PM  

thanks

Post a Comment

Custom Search
Web Analytics