Remove the Blogger Banner

To hide the Blogger Navbar :

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:

Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
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:

Labels: , ,

I have a blog from blogger and this tip is great! If you don't believe me look at my blog.

Thanks 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

great tip...Thanks

I hate Blogs with no Nav Bar. I just pass them up.

Thanks for the help. This is great!!!

Though this snippet of code improves the appearance of your blog, why rip off 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.


it's very easy and it's so cool.
but really, how does it work?
and also, will i get banned for this?

¥€$ # thank you

I 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?

I agree with an earlier post. offer a great free service - probably the best free blogger service around. I don't know, give an inch take a mile!

Take care that you do not violate Blogger Terms of Service by removing the Nav bar.

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

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

It's a great trick! And now I'm trying on my blog

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

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 :)

The nav bar search box doesn't search your blog at all. It just searches through Google when I try to use it !!!!

Great InfO ! THX

you can also just add these 2 lines to the stylesheet
#b-navbar { height:0px; visibility:hidden }
body { position: relative; top: -32px; }

cool! no annoying navbar! thanks so much for this trick!

uhh, im using the Tobacco Template from this site and I cannot find where to place the code...can someone help me out?

if i use this code.. will it hide from google spider too ??
Thanks for the info :D


No it won't

That rocks man- thanks!!!

It seems that this, now is not working. Two or three days before works but I thing that 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


Thanks for all

I see, I see :-/

Thank you for the information.
I put a menssage in my Blog.

Thanks you are a great leader

TY TY TY TY that was very helpful

i'm using the kubrick template and since i started my navbar is not showing up.

i 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?


You're the best! Thanks

It is against TOS to remove Navbar for Non FTP using blogger users.

great tip....
great 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:

"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

apparently, i downloaded a template that doesn't have a NavBar. can someone teach me how to add a NavBar on my header?

Works great, thanks!

Thank 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

wow. cool code! thanks! =D

indeed this is a great tip, many thanks for sharing it here, i've been looking for it since october.

thanks. this should be tick-box option.


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:

I have been wanting to get rid of that bloody bar for so long. Thanks

let'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?

Lets say i just wanna change the colour of the navbar. Is there a code to do that...
Thanks. By the way your site is very helpful...


Blogger now allows you to turn it off and not having to apply a trick like this.

The 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?

Well done bros!

who 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!

Incredibly easy. Thank you!

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

The 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:

<style type="text/css">
body { position: relative; }
#b-navbar {
position: absolute;
top: inherit;
bottom: 0px;
margin-bottom: 0;

or even better how about just moving your actual website under the navbar at the top using absolute positioning :)

Simply position your entire blog inside a wrapper say 100px at the top like this.

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?
Will my blog not be deleted?

Oh, very good Tip!
Thanky very much.

very cool code and it is working
thank 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.

This happened just after I started eyeing up WordPress...

I have it via FTP on 2 Blogs and everything is ok. Thank you very much.

I have tried it on my
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!
I will try it now. Thank you!

The tos clearly says you may not remove advertisement in any way.

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.
I will reinstall it now,
it is better I think.
I have read the Tos now.

Oh yes thanks
I will open a new blog and try it.

Hi guys

I 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?


Thank you so much for the tip. I hated being forced into incorporating the navigation bar into my template. I'm free!

"For those interested in repositioning the navbar to the bottom of the page, try pasting the following after your body tag:"

Exactly WHERE after the body tag? I see lots of body tags in my template.

Great site for help.

Thank you. This worked very well.

Rose DesRochers

place it after:
..."style type="text/css"...
and before .../style...

I like the Navbar and use it myself. As someone above mentioned, though, I would like more color options for it than Blogger offers.

thanks, guy! my blog adopted this tech.

According to this, removing the navbar IS a violation of TOS.

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.

thanks a lot!!

It's easy to do, but after thinking about it I decided to leave the navbar in. Nice work though!

Thank you thank you thank you. When the blog is not on, I think displaying their link button is enough.

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

Nice layout!

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.

Its totally awesome!

Muy buen dato he, me sirvio para sacar esta barra un tanto molestosa que se encontraba en mi blog. Muchas gracias por el bit.

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.

Thank you very much for this !! It's very helpful (Otherwise the navbar would mess up my blog with the divs.) Wonderful work !!

n sabia ma tinha ke ser um kosa rapd y facil.

Thanks for the code

Tis script doesn't seem to work in Blogger/Google beta version.

Plse help.

Thanks in advance.

It's not working any longer with the Beta version and I can't get back to the regular version.

I'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;):)

Good job dude!

SOOOOOO COOOOL Thank you.Now my page looks so good!

Fantastic, it works!!

Look at my site NO NAV BAR:

muchas gracias, me sirvio de maravilla

gr8 info espically when i hav a google seach bar thnx 4 all

yeah its work in my blog learn korean languages-belajar bahasa korea dengan percakapan lengkap