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;


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;

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


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 is some more clean with your blogger tips.

Powered by Blogger