Hide or Remove Blogger Navbar

Bloggers automatically inserts a little navigation toolbar (called Blogger Navbar) in all pages of blogspot blogs. it does not look good especially if you are blogging professionally. Generally it shows a search box to search blogger blogs, option to flag blog, follow the blog updates, share option along with a link to view next blogger blog. On the right hand side of the navbar, you get two links where you can either navigate to your Blogger dashboard or sign out of your account. Blogger Navbar is 50 pixels high and spreads across the entire width of the browser window.

blogger navbar

Removing Blogger Navbar

Login to your Blogger dashboard
Navigate to Layout >> Edit HTML (Before editing your template, you may want to save a copy of blog template click on >> Download Full Template)
Search for </head> tag inside your template
Add the following code just below the </head> tag

#navbar-iframe {
display: none !important;
}

Save the template to save the changes
You are done.

Now your blog should not display the navbar on your blog header area. You can always remove the above code from your blog template to bring back the navbar.