Hide Navbar From Blogger Layout

Hide Navbar From Blogger Layout as some blog owners dont like navbar at the top of blog to be shown. So you can hide it from your readers as just need to add small piece of css codes to make it invisible.

To hide the Blogger Banner :

blogger navbar– Log in to blogger

– On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

Blogger Blue

Find the tag body {

– paste the below code after the body { tag in the Html Section:

#navbar-iframe {

Or Use

div.navbar {

Or You can Place If both not works

#navbar-iframe { display: none !important; }

If you have any problem you can post on comments.


  1. praveen February 24, 2009
  2. Anshul February 25, 2009
  3. Finance Blog April 28, 2009
  4. Anshul April 28, 2009
  5. praveen June 18, 2009
  6. Ian MacGregor August 18, 2009
  7. rasiqzone August 29, 2010
  8. cottasofia May 20, 2011

Leave a Reply