How to remove the Nav Bar from Blogger

Posted: September 23rd, 2008 | 1 Comment »

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…).

Welcome to Karthick Gopal.com! To stay in touch with all the posts, subscribe to myRSS feed or follow me on Twitter for more interesting stuff.

One Comment on “How to remove the Nav Bar from Blogger”

  1. 1 Kaushik said at 12:59 am on September 25th, 2008:

    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);
    }

Leave a Reply