August 26, 2006
This handy-dandy tip is for Blogger users who want to get rid of the Blogger NavBar that pollutes the top of your blog. If you've decided that you simply cannot live without the NavBar, then turn away before things get messy.
Edit your blog's template and add the following HTML code in between the <head>...</head> section of your template. It should be near the top.
For Blogger beta users, use #navbar-iframe instead of #b-navbar:
If you already have an existing CSS stylesheet, then simply add the above rule for #b-navbar (#navbar-iframe for beta users).
BTW, I am not saying that you should remove the NavBar. I believe that you should have a choice in whether or not you want a NavBar on your Blogger blog, especially if you think that it affects your site's aesthetics (like I do). Consider that having a NavBar can be a benefit to your readers, especially to those who like to blog-hop.
Also, another thing to consider. I'm not a lawyer, but after carefully reading through the Terms of Service, I don't believe that removing the NavBar counts as a violation. Take a closer look at point #10, which states that you can't remove Blogger's advertising. I don't think the NavBar counts as advertising; they don't make any money from having it displayed. However, be a nice fella and provide a link or a button back to Blogger somewhere on your blog.
Edit your blog's template and add the following HTML code in between the <head>...</head> section of your template. It should be near the top.
<style type="text/css">
#b-navbar { height:0px; visibility:hidden; display:none; }
</style>
For Blogger beta users, use #navbar-iframe instead of #b-navbar:
<style type="text/css">
#navbar-iframe { height:0px; visibility:hidden; display:none; }
</style>
If you already have an existing CSS stylesheet, then simply add the above rule for #b-navbar (#navbar-iframe for beta users).
BTW, I am not saying that you should remove the NavBar. I believe that you should have a choice in whether or not you want a NavBar on your Blogger blog, especially if you think that it affects your site's aesthetics (like I do). Consider that having a NavBar can be a benefit to your readers, especially to those who like to blog-hop.
Also, another thing to consider. I'm not a lawyer, but after carefully reading through the Terms of Service, I don't believe that removing the NavBar counts as a violation. Take a closer look at point #10, which states that you can't remove Blogger's advertising. I don't think the NavBar counts as advertising; they don't make any money from having it displayed. However, be a nice fella and provide a link or a button back to Blogger somewhere on your blog.
Labels: Blogger, Blogger Beta, hacks
Thanks dude! I've been finding a way to remove it! :)
hey guys, I have another way to remove it, and it's easy
just replace <body> to
<body bgcolor='#FFFFFF'>
and then the system will ask you if you want to remove Navbar, press "yes", then OK
see my post here
http://ericds.blogspot.com/2006/10/blogspot.html
take a look at this article How to hide blogger nav bar
i think its more usable than completely hiding the navigation
In case anyone is interested in whether or not hiding the blogger navbar is a violation of the Blogger TOS, it isn't. See the following post with an explanation by a Blogger employee:
http://groups.google.com/group/blogger-help-customizing/browse_thread/thread/c7e3226fe35da11e?fwc=1&pli=1