How To Remove Blogger Navbar

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.

The advantages of it are the following:

- 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 for 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, Navbar just doesn't fit in.
So how we get rid of it? It is very simple. Just follow the next steps...

Removing The Blogger Navbar:

1. Login to your Blogger account, click on your blog name and navigate to Layout;

2. Look for the Navbar text and click on the Edit link as shown in the picture below:

blogger navigation bar, blogspot tricks

3. When the pop-up window appears, scroll down and select Off, then click on Save button:

blogger navbar, navigation bar, blogger

You're done.

    Random Posts

30 comments:

  1. Thanks for this. You rock!

    ReplyDelete
    Replies
    1. My pleasure. Thanks for the feedback :)

      Delete
    2. you all are awesome man

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

    ReplyDelete
    Replies
    1. 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. don't forget to backup your template...

      Delete
  3. Does not work. Error changing it.

    ReplyDelete
  4. Worked like a charm! Thanks for the info!

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

    ReplyDelete
  6. 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
  7. I need help with placing the script code inside the box like your post, how do you do that?

    ReplyDelete
  8. Anonymous6/22/2012

    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
  9. 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
  10. It doesn't work for the newer version of blogger ...Why > ? please hlp !

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

    ReplyDelete
  12. Hi,How to Delete empty space in blogger..

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

    ReplyDelete
  14. You just made this beyond easy! Thanks!

    ReplyDelete
  15. No sharing option? :O

    ReplyDelete
  16. yeah, thanks for your help!!

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

    ReplyDelete
  18. Thank you!!! This post was super helpful!!

    ReplyDelete
  19. Thanks! It's super effective

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

    ReplyDelete
    Replies
    1. 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
  21. thanqqqqq bossss for the usefull infoo

    ReplyDelete

Although every comment is appreciated, due to time limitations I might not be able to respond to everyone. Keep in mind that comments are moderated and may take some time to appear. All spam comments will be deleted. Thanks for understanding!