How to Hide or Remove Blogger Navbar from Templates Using CSS in Blogger

How to Hide or Remove Blogger Navbar from Templates Using CSS in Blogger (Blogspot)? This tutorial is on how to hide or disable the blogger navbar (also known as the navigation bar) from your blog. Please note that according to the term and condition of blogger.com, you’re not allowed to remove or disable the navbar unless you host your blog under your own server. This tutorial is meant for those that host their blog outside of blogger.com, but the code does work for blogs hosted with blogger.com.

 

Log in to your Dashboard 

Go to Design >> Edit Html 



Do a search (Ctrl+F) the following piece of code 

]]></b:skin>

Now copy the code (given below) and paste it before above code

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

Use your preview button before you click save!
If you like what you see, go ahead and save your template.
If you want the navbar back in the future. Simply go back into your HTML the same way and delete the part you just added. It's really that simple!