How to Remove 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.

Remove Blogger Navbar


Removing Blogger Navbar

  1. Login to your Blogger dashboard
  2. Navigate to Layout >> Edit HTML
  3. Search for </head> tag inside your template
  4. Add the following code just below the </head> 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.

We will send you some more information related to How to Remove Blogger Navbar

Below are some more related articles to the topic:

Remove Or Hide Label Number Count In Blogger / Blogspot
Hide Blog Title & Description From Header On Blogger/Blogspot
Change Or Edit Font Sizes On Blogger Blogs
Show Or Hide Blogs From Your Blogger Profile Page
Make Blogger Blog Comments Section DoFollow by Removing Nofollow Attributes!

Tags:

8 Responses to “How to Remove Blogger Navbar”

  1. crazy blogger 16. Oct, 2009 at 1:55 pm #

    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/

  2. Keny 13. Nov, 2009 at 3:19 pm #

    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

  3. Bapun 13. Nov, 2009 at 3:43 pm #

    @ Keny : Yep, there is a way to hide Blogger nabvar. Check it here : http://www.solidblogger.com/hide-remove-blogger-navbar

  4. Keny 13. Nov, 2009 at 6:36 pm #

    Thanks, I tried it and it worked

  5. tapasr 22. Dec, 2009 at 10:58 pm #

    Thanks for ur recent posts related to online money making. You did it in professional approach.

  6. marissa 18. Jun, 2010 at 1:59 am #

    removing the navbar is not working for me! what did i do wrong? i followed the directions explicitly.

    • Bapun 18. Jun, 2010 at 9:48 am #

      Mail me your template so that I can have a look on it.

  7. JJuane 26. Jul, 2010 at 4:51 pm #

    Thank you for this guide, It works like a charm!

Leave a Reply