How to Hide, Disable or Remove Blogger Blogspot NavBar?

  

How to Hide, Disable or Remove Blogger Blogspot NavBar?

Please note that according to the term and condition of blogger.com, you’re not allowed to remove or disable the navbar from your blogspot template unless you host your blog under your own server. This tutorial is meant for those that host their blog outside of blogger.com, but the code does work for blogs hosted with blogger.com. Backup your blogspot post.

Step 01

This tutorial is on how to hide,disable or remove the blogger navbar (also known as the navigation bar) from your blog. First go to ‘Layout’ –> ‘Edit html‘.

How to Hide, Disable or Remove Blogger Blogspot NavBar?

Step 02

Copy and paste the code provided below (as shown in the image below) and insert it into the template, the code can be inserted anywhere in the template.

#navbar {
height: 0px;
visibility: hidden;
display: none;
}

How to Hide, Disable or Remove Blogger Blogspot NavBar?

How To Remove The Blogger Navigation Bar

Next Part:  How to Automatically Backup Your Blogger Blogspot Posts and Comments





Author: . This entry is filed under Tutorials and was updated on February 9, 2012.



 



Most Related Post:

Wordpress Cloud Tags:

  • remove blogger navbar
  • remove blogger navbar 2011
  • hide blogger navbar

{ 38 comments… read them below or add one }

Curious

Is this allowed if you use blogger, but have .co.nr as your domain name? Write back please

Gino

Thanks for the excellent info…

Melvin

Wow.. It works.. Thanks for the nifty info…

Sooparhguy

Thanks alot this works very well, compared to the other ones i found…

david

Is it valuation of Blogger’s TOS ?… will Blogger remove my account?

james

I found this “Unless you publish your blog via FTP, the Navbar cannot be disabled.”

but I don’t know if that means they just don’t offer you a nice little button option to remove it or if it means you are not allowed to remove it.

I have found nothing that clearly states whether it is allowed or not.

twinkle

hey thsi totally works!

pkl

Thank you so much!

Steve

I don’t mind hosting my blog via FTP except that Blogger doesnt support XML templates if I host it.

Is this likely to change any time soon?

fred

this is not the good syntax.

good one :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Ian MacGregor

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

My Fairy Poems

Thank you sooooo much! Your solution works perfectly!

Paul

would they take down my blog?

Vikas

Dear Fred,

I tried many scripts on my blog but all are failed and now finally i got that one from you.

Thank You……………..u Buddy

wibowo

thanks for the share has “delete blog”. Most blogs so confused. in care but still mending but at many wild ni all aliases NEVER post on hohohohoh
nice post. hi. and happy blogging …

"Humphrey@quick health recovery tips"

Hey ! you ‘re a genius. it works,this is what i have been brainstorming personally over the years.Thanks Bro.

faisu

i am tried this method …but not working…My blog redirect to co.nr , that’s may reason ????

please help me…

"Humphrey@quick health recovery tips"

@Faisu.Trust me you have to follow this steps that works for me,sign in to your Blogger Dashboard -> Layout -> Edit -> Html, Then copy this code,

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
—————————————————————————————————
Paste it anywhere in the Template code,period.
Refresh to view your new blogspot fresh look and you ‘re Done.

Nasif Razzaque

Thanks.. This is the most easy to hide a blogger nav bar…

Doug

@ MacGregor

You know, the blogger employee responded with an answer vague enough to cast a lot of doubts about their policy. IOW, read between the friggin’ lines people. They won’t *ban* your site if you remove the navbar, but they recommend you don’t do it *wink*

Check to see if you’re blog has been crawled lately after removing it.

nate

Thanks for this! I didn’t like that navbar at the top of my site. It looks ugly, but this easy fix hid it from view.

It is technically not legal to do this unless you host your blog off of blogger, but you can still do it. Nobody cares.

articleonthenet

thank for tutor…
is it true hide navbar blogspot google violate the rules? if so I hesitated to hide it

yousuf

Hide navbar

Sandipan@Inkjam

Is this acceptable with google??

GeckoFly

If you own your own hosting or domain name , I believe this is acceptable.

vikram

thank you its working..

polash khan

Thanks a lot Brother. I’m success!

Rupam Guha

Very useful info…by using this method I remove the navbar

gaurav

works perfectly but you need to add this code into the advance options under CSS

David

Thanks! I found I had to make sure the code was in the CSS portion of my header. Anywhere else and it didn’t work. Otherwise, great – and good knowing a blogger employee gave the unofficial Okay.

Offres d'emploi au Cameroun

it is just recently that i knew that it’s possible to remove this navbar, my blogs were just bad and so, for long time. In my opinion it’s always a better option to remove the blogger navbar because when it’s not done, the blog just looks like a novice blog. Thanks so much for the trick!

Maximo Ginez

Thanks for sharing…. Done it already with an easy step…

john

Thanks a lot. I have used this trick in my blog and it is working superbly.

GeckoFly

If you own your own domain, they can’t. Coz you’re allowed to do so.

om

If they allowed us to fully costumize html…that means they allowed to remove navbar…it’s simple..

Jude

I just did it now. Many thanks!

vishal400

thanks a lot bro

Asho

Do google prefer removing blogger navbar?? do my blogger blog will get deleted if i remove navbar??? and also please, removing attribution (footer) is ok??

Leave a Comment