How To Hide The Blogger Navigation Bar

As you may or may not have noticed, I have been doing a little work on the appearance of my blog. It had always irked me that the navigation bar that sits on top of blogger pages always looked out of place. I wanted my blog to have the look and feel of a website so I went in search of how to remove the bar.

I found that it was very simple and thought that I would share it with anyone who may be interested. First go to your layout, then find the edit html tab. Make sure you back up your template before making any changes. In your template code you need to copy and paste the snippet between these lines before the body:

#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}

Below is an example of where to place it. The code is in red.


Now you can preview and if it looks good go ahead and save. This only hides the navigation bar and if you want to show it again, then just remove the code.