How to Hide or Remove the Blogger Navbar

There is a navbar present at the top of every Blogger-Blogspot blog. By default, there is no option to remove it. But if you want to do so then here is a simple tutorial.

Update: This tutorial has been updated on 21st Jan, 2012.

Steps to Remove or Hide the Blogger Navbar

  1. Open the Template section.
  2. Blogger Updated Dashboard
  3. Click the Edit HTML button.
  4. Blogger Edit HTML Button
  5. A new window will open. You'd have to click the Proceed button to start editing.
  6. Blogger Proceed Button
  7. Find the following code:
  8. </head>
    REPLACE the above code with this one:
    .navbar {display: none !important;}
    #navbar-iframe { display: none !important; }
  9. Click Save template and then Close button.
  10. Blogger Save Template Close Buttons


  1. I did not work for me. I copied pasted right into the edit html box, between head and /head but it still did not work.

  2. Hi Anonymous, Please give me your blog address!

  3. it dont work for me too

  4. If you do not add the code right above body{}it does not work. Try again, and it will work :)

  5. me too, that's n't work in my blog, WHY???

  6. @ Aerie, check the tutorial again, just updated.

  7. i can't get this one to work either. what am i doing wrong?

  8. @ Tommy Ferris, just checked your blog and there's no navbar there!


Note: All comments will be moderated.