How To Hide Blogger NavBar

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 baror 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, 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.

/* Use this with templates/template-twocol.html */

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

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

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



Other Related Topics

Best Search Engine Optimization

Best Search Engine Optimization

Best Three-Column Blogger Template