Remove or Replace the Nav Bar / Blogger XML
Removing the nav bar in Blogger XML templates (also known as BETA) is very simple using a small bit of code added to your style sheet. To get to the style sheet editor, click on the Edit HTML. Then scroll down in the editor window to the css section and copy, then paste the 5 lines of code below into the style sheet.
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
height: 0px;
visibility: hidden;
display: none;
}
Save your changes then go back to your blog page and refresh.
If your nav bar is currently hidden just look for the code displayed above and remove it, then refresh your blog home page and it should be back, That’s all there is to it!
I have been trying to remove blogger nav bar since 2 hours. Eventually your post has helped me in doing it.
Super easy. =)
Thanks.