Sep 24, 2008

How to remove the Nav Bar from Blogger

There's a cheesy nav bar on the top. Now you shouldn't be ashamed of it. Sergei Brin from Google uses it on his blogger and so does the whole of Google (but they created it so ...). Anyway the point of this post is if you want to remove the Nav Bar from your blogger to give it a more aesthetic appeal, then all you have to do is to add this small code into your template that is accessible in Layout (under customise option).

#navbar-iframe {
display: none;
visibility: hidden;
}

There that's it. Nothing more required and this instantly helps you remove the nav bar (short for navigation bar, which is actually pretty useful now that I have removed it hmm...).


1 comments:

Kaushik said...

also some cool things you can do:

/* HIDE NAVIGATION BAR and conserve the real estate */
#navbar-iframe {
display: none !important;
}

You would probably like this, if you find the navbar useful:

/*AUTO HIDE NAVIGATION BAR*/
#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=0);
}
#navbar-iframe:hover{
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100);
}