Pages

Blog post updated : no update

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

5 comments:

Unknown said...

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

Anonymous said...

really? I never know about that..hmm

Anonymous said...

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

kamarul said...

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

Vandalista said...

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

 
Powered by Blogger