How to Remove Blogger Navbar

Monday, March 15, 2010


Blogger displays a navbar in all it’s blog’s header area. Thisblogger 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 bloggerblogs, 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.


Remove Blogger Navbar

Removing Blogger Navbar

  1. Login to your Blogger dashboard
  2. Navigate to Layout >> Edit HTML
  3. Search for  tag inside your template
  4. Add the following code just below the  tag
  5. #navbar-iframe {
    display: none !important;
    }
  6. Save the template to save the changes
  7. 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.

(Fro, : Solid Blogger)

0 comments: