How to Hide Blogger Navigation Bar?

Improving my own blog site is fun and challenging, yet technically complicated especially for beginners, like me. But still, it feels good that I succeeded in applying some changes in this site, like hiding the Blogger Navigation Bar or Navbar. I think, changing or adding some codes in the template requires full concentration and patience from a blogger.



Some blogger may want to remove or delete the horizontal navigation bar on the top part of the blogsite, but I suggest to just hide it, for it might be a violation of blogger rules. Better check their policies for more detailed information.


Here are some easy steps to hide your Blogger Navbar.

1. Log in to your blogger account.

2. Go to Layout and click Edit HTML.

3. It is important to save your file first. You can click on Download Full Template to have a back up of your file.

4. Look for the body in your template.

5. Above the body, insert or copy & paste the code below.

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

5. The code should look like this.

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


body {
background-image: url();
background-repeat: no-repeat;
background-position: right bottom;

6. Save your template and view your blog.

You can always hide or show the blogger navigation bar whenever you want. And if you want to show the navbar in your blogsite, simply delete the code you inserted above the body.