1- Log in to blogger
2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.
3- paste the CSS definition in the top of the template code:
...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
...
Remove the code to show it again.
Step by step in video:
I have a blog from blogger and this tip is great! If you don't believe me look at my blog. http://www.amcptwo.blogspot.com/
ReplyDeleteThanks so Much!
I did this just now in only a few seconds and it worked and looks great! Thanks so much for the info, Thalia
ReplyDeletegreat tip...Thanks
ReplyDeleteI hate Blogs with no Nav Bar. I just pass them up.
ReplyDeleteThanks for the help. This is great!!!
ReplyDeleteThough this snippet of code improves the appearance of your blog, why rip off Blogger.com with this? All they're trying to do is offer you and the internet community a free service. I opt to keep my NavBar intact.
ReplyDeletelovly
ReplyDeleteit's very easy and it's so cool.
ReplyDeletebut really, how does it work?
and also, will i get banned for this?
¥€$ # thank you
ReplyDeleteI dont really want to delete the nav bar. What I would like to do is add some icons to the Blog This entry screen. Is that possible?
ReplyDeleteI agree with an earlier post. blogspot.com offer a great free service - probably the best free blogger service around. I don't know, give an inch take a mile!
ReplyDeleteTake care that you do not violate Blogger Terms of Service by removing the Nav bar.
ReplyDeleteWhat many people don't realize is that the search feature in that Nav Bar searches YOUR blog. If for example you wrote a post containing certain words but can't remember when you did the post, you can just search for it there and all entries that have that word in it will come up.
ReplyDeleteA very nice and handy feature if you ask me. Why ditch a handy tool like that?
everyone posting their own code saying its easier... is wrong unfortunately. to make this work all you have to do is add an opening and closing tag for 'noembed'. it doesnt get any simpler than that.
ReplyDeleteIt's a great trick! And now I'm trying on my blog
ReplyDeleteMeanwhile I don't think removing the navbar is violating TOS from Blogger. Unless you can show me exact clause (I've tried to search, but too bad couldn't find it). Instead what I found is, they allow us to disable the navbar. Click HERE to see help from official Blogger site.
-quoted
The Navbar appears on all freely-hosted Blog*Spot blogs, but can be disabled for users publishing via FTP. It is available in four colors, and is configured in the Template tab in Blogger's interface:
CMIIW - and I'll put it back if Blogger wants so, no big deal :-)
thanks. cool. looks greater now. great piece of info :)
ReplyDeletehttp://www.jasonlim.tk
The nav bar search box doesn't search your blog at all. It just searches through Google when I try to use it !!!!
ReplyDeleteGreat InfO ! THX
ReplyDeleteyou can also just add these 2 lines to the stylesheet
ReplyDelete#b-navbar { height:0px; visibility:hidden }
body { position: relative; top: -32px; }
cool! no annoying navbar! thanks so much for this trick!
ReplyDeleteuhh, im using the Tobacco Template from this site and I cannot find where to place the code...can someone help me out?
ReplyDeleteif i use this code.. will it hide from google spider too ??
ReplyDeleteThanks for the info :D
rento
paid-surfing.blogspot.com
No it won't
ReplyDeleteThat rocks man- thanks!!!
ReplyDeleteIt seems that this, now is not working. Two or three days before works but I thing that blogger.com had change the working system or something else. I think that its only time to find a new way to remove the new navbar. You can see how it's not working
ReplyDeletehere
Thanks for all
I see, I see :-/
ReplyDeleteThank you for the information.
ReplyDeleteI put a menssage in my Blog.
;-)
Thanks you are a great leader
ReplyDeleteTY TY TY TY that was very helpful
ReplyDeletei'm using the kubrick template and since i started my navbar is not showing up.
ReplyDeletei put some space on the top, to fit the navbar. and looked for the code, it's just not there.
i don't know what the problem is. could you help me?
thanks
You're the best! Thanks
ReplyDeleteIt is against TOS to remove Navbar for Non FTP using blogger users.
ReplyDeletegreat tip....
ReplyDeletegreat weblog
The TOS for BlogSpot appears to be a litte out-of-date regarding this issue, as it still talks about ads (and mentions the discontinued BlogSpot Plus service). Never the less, under part 10, advertisements and promotions, it currently says:
ReplyDelete"Pyra runs advertisements and promotions on BlogSpot Sites. ... You also agree that you will not attempt to block or otherwise interfere with advertisements displayed on your BlogSpot site via JavaScript or any other means."
Thus, if you consider the Navbar as an advertisement for Blogger, then the TOS explicitly bars you from interfering with it, i.e. preventing it from being displayed.
Then again, if you consider the Navbar as a neat little extra tool that replaced the ads (which seems to be what they're saying on the Navbar help page) you would be completely within you rights to hide it. They do say, "The Navbar appears on all freely-hosted Blog*Spot blogs," a wording which suggests that their intention is for all free BlogSpot users to display it.
In sum, the TOS does not appear to be clear on this issue, but keep in mind that they also reserve the right to terminate your account at any time, for any reason. I certainly don't think they would do so in this case, but I also think that, out of appreciation for their free service you should show the Navabr unless you've got a really compelling reason not to, or tons of links back to Blogger elsewhere in your site.
yes.....very good tip
ReplyDeleteapparently, i downloaded a template that doesn't have a NavBar. can someone teach me how to add a NavBar on my header?
ReplyDeleteWorks great, thanks!
ReplyDeleteThank You! I have had my blog for 4 years and when the damn nav bar just decided to be there you couldn't see my links anymore! I am so glad I found your site! T H A N K Y O U
ReplyDeletewow. cool code! thanks! =D
ReplyDeleteindeed this is a great tip, many thanks for sharing it here, i've been looking for it since october.
ReplyDeletethanks. this should be tick-box option.
ReplyDeletecheers
The best code ever, I searched for it and found this site on the top of the results, works like a charm, see for yourself: http://www.mizco.blogspot.com
ReplyDeleteI have been wanting to get rid of that bloody bar for so long. Thanks
ReplyDeletelet's say i do not want to "remove" the navbar but rather "re-position" it at the very bottom of the page, is there any code to do that?
ReplyDeletethanks!
Lets say i just wanna change the colour of the navbar. Is there a code to do that...
ReplyDeleteThanks. By the way your site is very helpful...
TTFN
Blogger now allows you to turn it off and not having to apply a trick like this.
ReplyDeleteThe bloger help page says it replaces the advertisement. If you put the advertisement back you can remove it. I mean, replace the adds with nothing? Ofcourse it looks much better but I don't want my blog to be deleted kind of?
ReplyDeleteWell done bros!
ReplyDeleteyes,
ReplyDeletewho wants this navbar....
Thanks, this code works very well. The NavBar was covering up the title to my blog, and now you're able to see it!
ReplyDeleteIncredibly easy. Thank you!
ReplyDeleteAs one or two have said,the Blogger bar is not there to annoy Bloggers about how their design looks. The Nav bar is just that, a Navigation bar. It gives other users the freedom to browse through Blogs at "their" leisure, and skip past Blogs that are simply crap. Remove their means of jupming Blogs,and you have an irritated user on your hands very quickly. As soon as i stumble onto one of those Blogs that blasts an Mp3 in my face against my will,or jams up my PC with all kind of wacky graphics and the odd bit of text here and there, the last thing i want is for the Navigation bar to be missing. Sploggers have also abused things with such a code, and remove the means by which to "Flag" such scam linking sites which divert you to other sites when you arrive on them. In other words, they continue to waster Bloggers time and use up the space for proper Blogs because nobody has the means by which to notify Blogger of such fake Blogs.
ReplyDeleteThe moment i see that someone has "forced" me to remain on their Blog against my will by removing the NavBar,then i simply close the window immediately. No exceptions,because it shows insecurity on their part. Allow Bloggers to skip a Blog if they so wish to. Often you have to sift through pages of rubbish with the Navbar, in order to find a good Blog sometimes. Blogger is offering a free service, and that bar is hardly intrusive if you ask me. Up to folks really. They can remove the Bar if they want,but you would be suprised how many people are irritated by that and will close the window immediately.
For those interested in repositioning the navbar to the bottom of the page, try pasting the following after your body tag:
ReplyDelete<style type="text/css">
body { position: relative; }
#b-navbar {
position: absolute;
top: inherit;
bottom: 0px;
margin-bottom: 0;
}
</style>
or even better how about just moving your actual website under the navbar at the top using absolute positioning :)
ReplyDeleteSimply position your entire blog inside a wrapper say 100px at the top like this.
position:absolute
top:100px (change this until your blog is where you want it)
Then your blog will start under the navbar and titles and stuff should not be covered up. And more importantly you won't be ripping or pissing anyone off.
think about how the navbar must work..... is it not itself absolutely positioned I wonder .. Hint hint ;)
Is this allowed by Blogger?
ReplyDeleteWill my blog not be deleted?
Oh, very good Tip!
ReplyDeleteThanky very much.
very cool code and it is working
ReplyDeletethank you!
Thank you. I publish via FTP and the Navbar mysteriously reappeared one day. At the same time, the option to switch it off disappeared.
ReplyDeleteThis happened just after I started eyeing up WordPress...
I have it via FTP on 2 Blogs and everything is ok. Thank you very much.
ReplyDeleteI have tried it on my
ReplyDeleteBerlinlog
and it worked very good. But I removed it back, because some good visitors come from the navbar....
And I also use the navbar always.
Thats a very very good Tip!
ReplyDeleteI will try it now. Thank you!
The tos clearly says you may not remove advertisement in any way.
ReplyDeletehttp://www.blogger.com/terms.g
you can still type javascript:flag() in the adress bar to flag a blog. But I think google already marks them as splog automatically.
Thank you Gaby de Wilde.
ReplyDeleteI will reinstall it now,
it is better I think.
I have read the Tos now.
Oh yes thanks
ReplyDeleteI will open a new blog and try it.
Hi guys
ReplyDeleteI am so new on this and don't understand anything you're atlking about.
I tried to copy that thing on the template html thing but doesn't do anything and it is because I may not pasting it where it should but I don't understand that html at all.
Should I really take a course on html to have a blog?
So where do exactly have to paste ur tip?
Can u help me?
Also I would like to put a banner on my blog and some avatars and icons.How can I do it?
Anybody can help me with that?
Thanks
Thank you so much for the tip. I hated being forced into incorporating the navigation bar into my template. I'm free!
ReplyDelete"For those interested in repositioning the navbar to the bottom of the page, try pasting the following after your body tag:"
ReplyDeleteExactly WHERE after the body tag? I see lots of body tags in my template.
Great site for help.
Thank you. This worked very well.
ReplyDeleteRose DesRochers
place it after:
ReplyDelete..."style type="text/css"...
and before .../style...
ok?
I like the Navbar and use it myself. As someone above mentioned, though, I would like more color options for it than Blogger offers.
ReplyDeletethanks, guy! my blog adopted this tech.
ReplyDeleteAccording to this, removing the navbar IS a violation of TOS.
ReplyDeletehttp://buzz.blogger.com/2006/03/search-policy.html
I think it's only fair the navbar should stay. If they didn't want us to have it there, they'd give us the option to remove it on their hosted blogs, wouldn't they? I honestly think that anybody who wants to get rid of it should get their own domain and webspace and publish their blog via FTP rather than stealing advertising away from a free service.
ReplyDeletethanks a lot!!
ReplyDeleteIt's easy to do, but after thinking about it I decided to leave the navbar in. Nice work though!
ReplyDeleteThank you thank you thank you. When the blog is not on blogger.com, I think displaying their link button is enough.
ReplyDeleteThe problem I have with the navigation bar is it is not XHTML compliant. It looks like a simple enough fix, just remove the "name" attributes on tags that do not allow it.
ReplyDeleteNice layout!
ReplyDeleteNote again: UNLESS YOU PUBLISH YOUR BLOG VIA FTP, THE NAVBAR CANNOT BE DISABLED.
but it dosen't say what you risk by doing it.(Blogger help)
Here I've listed different methodes to hide or move the blogger bar: Hide the Blogger bar (hi gaby! :) )
There's a difference between "cannot be disabled" and "may not be disabled." I think they mean that they do not offer a way to disable it (it "cannot" be disabled with any Blogger-supplied tools). Many Blogger users have disabled it over the past couple years, and no action has been taken by them. If they really didn't want people doing it, they would clarify the language in the Terms.
ReplyDeleteIts totally awesome!
ReplyDeleteMuy buen dato he, me sirvio para sacar esta barra un tanto molestosa que se encontraba en mi blog. Muchas gracias por el bit.
ReplyDeletehttp://www.zonabyte.blogspot.com/
Several people have pointed out that Blogger requires that you leave the navbar intact unless hosting on your own server. I'd like to point out that the "Next Blog" link frequently takes you to porn sites so I would get rid of it.
ReplyDeleteThank you very much for this !! It's very helpful (Otherwise the navbar would mess up my blog with the divs.) Wonderful work !!
ReplyDeleten sabia ma tinha ke ser um kosa rapd y facil.
ReplyDeletetanx
Thanks for the code
ReplyDeleteTis script doesn't seem to work in Blogger/Google beta version.
ReplyDeletePlse help.
Thanks in advance.
It's not working any longer with the Beta version and I can't get back to the regular version.
ReplyDeleteI've tried to bump my template down a bit so that the title jpg is under the bar, but it still cuts off the top of the picture. I've tried some suggestions from blogger and a few other places, like changing the margins, but then part of my template code will show up between the navbar and the top of my jpg picture.
I guess they have finally found a way to make us keep the bar, I just wish I could figure out how to keep it from cutting off my picture.
I Have edited the Script to work with the new google/blogger beta version, simply edit the existing script from #b-navbar to #navbar-iframe and it will work perfectly;):)
ReplyDeleteGood job dude!
ReplyDeleteSOOOOOO COOOOL Thank you.Now my page looks so good!
ReplyDeleteFantastic, it works!!
ReplyDeleteLook at my site NO NAV BAR:
http://www.chao-vietnam.blogspot.com
muchas gracias, me sirvio de maravilla
ReplyDeletegr8 info espically when i hav a google seach bar thnx 4 all
ReplyDeleteyeah its work in my blog http://korean-languages.blogspot.com learn korean languages-belajar bahasa korea dengan percakapan lengkap
ReplyDelete