Blogger displays a navbar in all it’s blog’s header area. This blogger navbar has been implemented for easier blog navigation but however, 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.
It takes only a couple of seconds to modify your blog template and hide Blogger navbar. Here we will add a piece of code which will block the navbar from appearing on your blog header.
Removing Blogger Navbar
- Login to your Blogger dashboard
- Navigate to Layout >> Edit HTML
- Search for </head> tag inside your template
- Add the following code just below the </head> tag
- Save the template to save the changes
- You are done.
#navbar-iframe {
display: none !important;
}
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.
Below are some more related articles to the topic:

i too written a post about removing this blogger navbar but you had written with more clarity than me.
you can check my post at
http://crazyblogger.net/how-to-hide-or-remove-blogger-navbar/
Nice tip, I always understand all your post about blogger hacks. Removing the navbar giver the blog a professional look.
But is there anyway we can remove the blogger favicon.
Thanks
@ Keny : Yep, there is a way to hide Blogger nabvar. Check it here : http://www.solidblogger.com/hide-remove-blogger-navbar
Thanks, I tried it and it worked
Thanks for ur recent posts related to online money making. You did it in professional approach.
removing the navbar is not working for me! what did i do wrong? i followed the directions explicitly.
Mail me your template so that I can have a look on it.
Thank you for this guide, It works like a charm!