How to remove OR hide the Blogger Navbar from your Weblog

I am a serial blogger and even though I sometimes follow other peoples blogs using the navbar I don't really like to see it on my blogs.



This is a simple and easy way to hide it from which ever browser you are using all you need to do is add these lines of HTML;

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


First goto your Weblog Dashboard and click on Design and Edit HTML as shown



This will bring up the template template editor for you to enter the code see the example the shown below you need to add the HTML code that is shown in blue below the Blogger Template style



If you are unsure about what might happen then I suggest that you backup the template prior to the change and also open the preview in another tab

Sometimes you might see #navbar-iframe already in the template if this is the case this is not a problem it just means that the template that you are using has the navbar in an iframe OR internal frame it will still work fine just hide the entire iframe using these two lines of HTML.

#navbar-iframe {
display: none;
}

Read more tips from Owen Stephen Dawson