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.




If you like this article , then please help us by bookmarking

8 Responses to “Hide Blogger Navigation Bar / navbar”

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

  2. 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

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

  4. I’m afraid whether this hack is against the Blogger Rules 🙁

    Tips Blogger dot Com

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

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

Leave a Reply

You must be logged in to post a comment.