Remove the Blogger NavBar

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.

To remove the Blogger Navbar:

Login to your Blogger dashboard.

Navigate to Layout > Edit HTML.

Seach 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're 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.

Share |