How to remove Navbar in Blogger Template Designer

How to remove Navbar in Blogger Template Designer

The old way of removing Blogger Navigation bar does not work anymore with new Blogger Template Designer. Here is the new way which worked for me on this blog :

1. Go to Dashboard > Layout > Edit HTML

2. Find the code that starts the template definition, it should be similar if not the same to this :

<b:skin><![CDATA[/*-----------------------------------------------
Blogger Template Style
Name:     Picture Window
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */

3. Add the following code right below the place you found the code above:

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

 

 

That is you have done removing Navbar from blogspot