Remove Blogger Top Bar/Nav Bar

If you really want to remove the blogger navigation/top bar, simply add a CSS class in your blogger style sheet.

1. Login to Blogspot
2. Click on Design
3. Click on Template Designer
4. Choose Advanced
5. Select Add Css from the list of advanced settings.
6 and add below class in Add custom CSS text area

#navbar {
display:none;
}


If you also want to remove footer, add this

#footer-3 {
display:none;
}




Main Reasons To Remove It.

1. It looks more professional without it: Depending on what your purpose for blogging is, you may choose to remove the blogger navbar because having one makes a blog look more like a free-hosted blog and less like a professional site worth taking seriously.
2. It gives you more space at the top of your page: This may not seem significant, but not having the navbar there does give you a bit more space for graphics. I have found this space to be quite useful when designing my own blogs.