Monday, January 01, 2007

Remove Navbar in new Blogger

I have removed my Navbar in beta new Blogger/Blogspot (You should not see it now, else please inform me so I can update this post). Just add the below in template header (Template tab -> Edit Html -> under <head>)

<!-- Something About J http://abtj.blogspot.com: Start of remove Navbar -->
<style type="text/css">
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
</style>
<!-- Something About J http://abtj.blogspot.com: End of remove Navbar -->
It works for me in both Firefox 2 and IE 7.



14 comments:

Jim Scolman said...

Works great, thanks so much. Jim
www.photoday.scolman.com

Anonymous said...

Thanks....found this through Google and it worked for me.

Anonymous said...

I accidently removed mine.

All I did was change the bady tag to -

"body onload="goSetHeight()">
--------------------------------
*Change quote to <

I was trying to set height in an iFrame. But the blog works fine with this command and the navbar is gone :)

Dreadful said...

Thank you! It works on the latest versions of Safari, Firefox and Opera for Mac too : )

onethousandohms said...

I have been trying for about an hour to only remove the whitespace between the navbar iframe and the header. Does someone know how this is easily accomplished?

The blog is linked below.

The Breadboard

Ryan R. Dlugosz said...

Dude! Works great - thanks!!

Angela Lovell said...

Your tip was the only one that worked for me! I tried several times today and couldn't get rid of that annoying space the navbar left behind. Thanks sooooo much!

Anonymous said...

thanks for the help!

Franco Higashi said...

Great man. We all needed that.

Tegen de Wereld said...

Works! Thanks!

i heart public defense said...

awwwwesome, i luv you. thank you so much!!!

Anonymous said...

Great! Thanks! ;)

Anonymous said...

Brilliant!.

Cheers

Macedonian Babes said...

It works for us.
THANK YOU!