How To Remove Blogger Navbar

Posted on February 27, 201230 comments

What is Blogger Navbar?

Blogger has got a Navigation Bar that appears by default at the top of every Blogger-powered blog. This navigation bar can be very useful when you are blogging, but sometimes it can get in the way. The Blogger navbar is usually hidden in most of the third party templates, so this tutorial might be useful only for those who are using a default Blogger template.

Advantages:

- when you click on the B icon, it will take you to blogger.com
- a quick link to your Dashboard and "Sign in /Sign out" dialog
- you can easily search and find other blogs
- you can "Flag Blog" (if you consider content of a blog objectionable)
- NextBlog - takes you to a random, recently-updated Blogger blog

The only disadvantage is visual. If you have customized design, this navbar just doesn't fit in. So, how could we get rid of it? It is very easy. Just follow these steps below:

Turn off The Blogger Navbar

Step 1. Log in to your Blogger account, click on your blog and head to the 'Layout' tab > look for the 'Navbar' heading and click on the Edit link as shown in this picture:

edit blogger navbar

Step 2. When the pop-up window appears, scroll down and select 'Off', then click the Save button:

turn off blogger navbar

And that's it! With only two easy steps and we have already removed the Blogger Navbar.

30 comments:

  1. Magaly GuerreroMarch 21, 2012 at 7:56 AM

    Thanks for this. You rock!

    ReplyDelete
    Replies
    1. AdminMarch 22, 2012 at 3:23 PM

      My pleasure. Thanks for the feedback :)

      Delete
    2. AnonymousMay 5, 2012 at 9:16 AM

      you all are awesome man

      Delete
  2. ANP EcosystemMarch 28, 2012 at 12:10 PM

    but when i did the same, there appears some.....blogger error ensert the code balabla..
    please help me..

    ReplyDelete
    Replies
    1. AdminMarch 28, 2012 at 12:57 PM

      Welcome Soman,

      Make sure you have inserted the code correctly and you haven't removed any other code accidentally. If it's still not working, try this method instead.

      Delete
    2. AdminMarch 28, 2012 at 1:01 PM

      don't forget to backup your template...

      Delete
  3. D Movies LKApril 15, 2012 at 10:36 PM

    It Worked, (Y)

    ReplyDelete
  4. AnonymousMay 9, 2012 at 6:44 PM

    Does not work. Error changing it.

    ReplyDelete
  5. SP MediaMay 31, 2012 at 3:15 PM

    Thanks a bunch!! :)

    ReplyDelete
  6. Sarah YoderJune 4, 2012 at 11:14 AM

    Worked like a charm! Thanks for the info!

    ReplyDelete
  7. AnonymousJune 13, 2012 at 2:56 AM

    This trick is something special for me.. I already knew 2 different tricks but this one is different.. Thanks for the share!

    ReplyDelete
  8. Free Blogger TemplatesJune 13, 2012 at 8:19 AM

    This method is not working in the new blogger interface. I have tried it on my blog and it says.......Oops, error connecting to it.

    ReplyDelete
  9. UnknownJune 13, 2012 at 9:57 PM

    I need help with placing the script code inside the box like your post, how do you do that?

    ReplyDelete
  10. AnonymousJune 22, 2012 at 10:29 AM

    Blogger allows you to choose if you want to show it or not, all you have to do is going to design / page elements on top click edit nav bar scroll all the way down and select Off

    ReplyDelete
  11. UnknownSeptember 29, 2012 at 8:53 PM

    But, you will no longer see the Quick Edit pencil icon or wrench links icon on your blog even if you are logged in.
    All these methods deleting these icons. :-(
    I want back my useful icons :-)
    But how?

    ReplyDelete
  12. AnonymousNovember 19, 2012 at 9:29 PM

    It doesn't work for the newer version of blogger ...Why > ? please hlp !

    ReplyDelete
  13. UnknownDecember 19, 2012 at 12:23 AM

    Hi,How to delete a empty space in blogger..

    ReplyDelete
  14. MUTHU KUMAR.RDecember 19, 2012 at 12:25 AM

    Hi,How to Delete empty space in blogger..

    ReplyDelete
  15. suresuccessApril 21, 2013 at 3:50 PM

    I used to add a code to my template but this is quite simple and straight forward.

    ReplyDelete
  16. UnknownApril 23, 2013 at 6:41 AM

    You just made this beyond easy! Thanks!

    ReplyDelete
  17. UnknownMay 18, 2013 at 6:59 AM

    No sharing option? :O

    ReplyDelete
  18. AnonymousMay 22, 2013 at 1:11 PM

    yeah, thanks for your help!!

    ReplyDelete
  19. UnknownJune 11, 2013 at 2:09 AM

    Thanks Solved my problem.
    suraj
    http://www.diggbloggers.com

    ReplyDelete
  20. carliNovember 1, 2013 at 6:16 AM

    Thank you!!! This post was super helpful!!

    ReplyDelete
  21. Adhitanto NabilDecember 25, 2013 at 5:58 AM

    Thanks! It's super effective

    ReplyDelete
  22. LindsayJanuary 8, 2014 at 11:24 AM

    Is there another easy way after I remove the navbar to sign in and out and make changes to my blog?

    ReplyDelete
    Replies
    1. AdminJanuary 9, 2014 at 1:33 PM

      Hi Lindsay,

      You can hide the navbar only to your blog visitors. Go to Layout again and check one of the options to show the navbar, then go to Template > Edit HTML and search (CTRL + F) for this line:
      <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

      Just above this line, add this code:
      <span class='item-control blog-admin'>

      Now look below the first line and find the </b:section> tag.
      Just after the </b:section> tag, add this code:
      </span>

      Now the Blogger Navbar will hide when someone visits your blog and it will be visible only to you.

      If you want to know how to make other widgets visible only to you, please read this tutorial:
      How to make a gadget/widget visible only to blog admin

      Thanks for visiting!

      Delete
  23. UnknownFebruary 9, 2014 at 8:49 AM

    thank you

    ReplyDelete
  24. Amarnath ReddyFebruary 16, 2014 at 2:19 AM

    thanqqqqq bossss for the usefull infoo

    ReplyDelete

Subscribe to: Post Comments (Atom)

Privacy PolicyDisclaimerTerms of ServiceSitemapCopyright Policy

Copyright © Helplogger. Powered by Blogger. All Rights Reserved.