How to Hide or Remove blogger Navbar

A Navbar appears by default on every blog hosted by Blogspot.com.Though there is an option of changing colors of this in “Templates<< Page Elements” but sometimes this doesn’t go with your blog style.In that case you can always hide/remove this by inserting some HTML code in your template’s code.

First of all click on “Templates<< Edit HTML” and insert any of the following script above </style> code.

1)
/* From http://tips-for-new-bloggers.blogspot.com*/
#navbar-iframe {height: 0px; }
or
#navbar-iframe {visibility: hidden;}



2)
/* From http://bloggero.com*/
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }




3)
/* From http://godproposes.blogspot.com*/
<!-- code to add --><style type=”text/css”> #navbar-iframe
{
height:0px;visibility:hidden;
display:none;}
</style>




4)
/* From http://the-lastword.blogspot.com/ */
div.navbar {
opacity:0.0;
display:none;}


Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • MisterWong
  • Technorati
  • Furl
  • Reddit
  • YahooMyWeb
  • Spurl
  • Netscape
  • BlinkList
  • De.lirio.us
  • Fark
  • Ma.gnolia
  • Netvouz
  • NewsVine
  • Slashdot
  • SphereIt

No Responses to “How to Hide or Remove blogger Navbar”  

  1. No Comments

Leave a Reply