Saturday, May 10, 2008

Blogger: How to remove google blogspot bar.

Though Google provides no "disable button", tons of blogspot users have hidden the navbar on their blog through simple CSS tricks which available for both new Blogger and classic Blogger templates.

The blogger navbar is used for searching within a blog, or flag a site for sure nobody ever uses.
The worst part of all it's not valid XHTML 1.0 Strict, the one reason why my blog is not XHTML 1.0 Strict yet :x

This method remove blogger navbar

This CSS hacks remove the blogger navbar.
All you need to do is add the following piece of code to your template page in between the <head></head> tags


<style type="text/css">
#b-navbar{
height:0px;
visibility:hidden;
display:none;
}
</style>

Else if you use blogger beta

Once again you can use CSS to remove the blogger navbar in Blogger Beta blogs too. Just add the piece of code given below to your blogger template.
This will work only if you are able to edit the template.


<style type="text/css">
#navbar-iframe
{
height:0px;
visibility:hidden;
display:none;
}
</style>



The next important question is whether you are violating any Google policies or Blogger's Terms of Service by removing the navbar ?

The Blogger's TOS page makes no reference to navbar while Google representatives in the Blogger support group (nickname: Blogger Employee) have always ignored discussion threads seeking an official stand on hiding navbar.

So, happy hiding.

No comments: