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:

Muneeb Saeed said...

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

dX-Xel said...

really? I never know about that..hmm

leoo 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.

dX-XeL said...

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

elcodigodebarras 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