Pages

▼

Thursday, June 14, 2007

Blogger - Hide top navigation bar

Ok, just a simple tips for today. It's really easy to hide the navigation bar(image above) and this code is working on new blogger. Open your HTML page on Template tab and copy/paste this CSS code before body { :-

#navbar-iframe {
display: none;
}

Update:

[07/14/07]
This tricks is no longer works. You can replace them with either these two codes:

Code 1:

#navbar-iframe {
height: 0px;
}

Code 2:

#navbar-iframe {
visibility: hidden;
}

[01/14/08]
You also can use this code. Ionut Alex Chitu has applied this code in his blog.

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

Save your template and refresh your blog. Tadaa!!! Your navigation bar is gone!!

Credits : Tips for New Blogger
at

5 comments:

  1. UnknownJune 18, 2007 at 3:32 AM

    but its against Google and Blogger's TOS [Terms of Service]
    :(

    ReplyDelete
  2. AnonymousJune 18, 2007 at 9:14 AM

    really? I never know about that..hmm

    ReplyDelete
  3. AnonymousJuly 22, 2007 at 5:09 PM

    muneeb, really? Can you provide a link for that? I've searched their page using Firefox with keyword "navigation" or "search box" but nothing.

    ReplyDelete
  4. kamarulJanuary 30, 2008 at 3:17 PM

    Hi guys...I just come across Amit's blog and he said maybe it's ok to remove the Blogger NavBar...hmm

    ReplyDelete
  5. VandalistaApril 20, 2008 at 4:13 AM

    thanks ´cause now my blog 2.0 for children www.gominolasdigitales.blogspot.com is some more clean with your blogger tips.

    ReplyDelete