How to Hide, Disable or Remove Blogger Blogspot NavBar?

↓ Sponsored Links / Home » Tutorials

How to Hide, Disable or Remove Blogger Blogspot NavBar?

Method 01 – Turn Off

It appears that blogspot user can now turn off the navbar without going against Blogger Terms and Conditions. As shown in the screenshot about, click on ‘edit’ and then select ‘off’ to turn off the navbar.

turn off hide nav bar blogspot

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.

Recommended Reading: Hand Signs Blog T-Shirt for Bloggers

Method 02 – Remove Widget

Remove the Navbar widget code, look for the following code and remove it.

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
</b:includable>
</b:widget>
</b:section>

How to Hide, Disable or Remove Blogger Blogspot NavBar?

Method 03 (Outdated Method)

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;
}

44 comments on “How to Hide, Disable or Remove Blogger Blogspot NavBar?

  1. Curious
    Curious December 1, 2008 at 4:32 am - Reply

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

  2. Gino
    Gino January 8, 2009 at 7:13 am - Reply

    Thanks for the excellent info…

  3. Melvin
    Melvin January 10, 2009 at 5:04 pm - Reply

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

  4. Sooparhguy
    Sooparhguy January 12, 2009 at 12:14 am - Reply

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

  5. david
    david February 10, 2009 at 7:44 pm - Reply

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

  6. james
    james February 28, 2009 at 5:19 am - Reply

    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.

  7. twinkle
    twinkle March 3, 2009 at 7:53 am - Reply

    hey thsi totally works!

  8. pkl
    pkl May 16, 2009 at 10:14 pm - Reply

    Thank you so much!

  9. Steve
    Steve July 7, 2009 at 2:03 am - Reply

    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?

  10. fred
    fred July 7, 2009 at 10:43 pm - Reply

    this is not the good syntax.

    good one :

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

    • Vikas
      Vikas July 24, 2010 at 9:55 pm - Reply

      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

  11. Ian MacGregor
    Ian MacGregor August 19, 2009 at 7:47 am - Reply

    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

    • Doug
      Doug October 18, 2010 at 6:15 pm - Reply

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

  12. My Fairy Poems
    My Fairy Poems July 3, 2010 at 8:58 am - Reply

    Thank you sooooo much! Your solution works perfectly!

  13. Paul
    Paul July 15, 2010 at 8:36 am - Reply

    would they take down my blog?

    • GeckoFly
      GeckoFly April 13, 2011 at 11:57 pm - Reply

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

  14. wibowo
    wibowo July 30, 2010 at 9:29 pm - Reply

    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 …

  15. "Humphrey@quick health recovery tips"
    "Humphrey@quick health recovery tips" August 26, 2010 at 2:20 pm - Reply

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

  16. faisu
    faisu September 6, 2010 at 3:28 pm - Reply

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

    please help me…

  17. "Humphrey@quick health recovery tips"
    "Humphrey@quick health recovery tips" September 8, 2010 at 9:57 pm - Reply

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

  18. Nasif Razzaque
    Nasif Razzaque September 29, 2010 at 6:26 pm - Reply

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

  19. nate
    nate October 25, 2010 at 11:22 am - Reply

    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.

  20. articleonthenet
    articleonthenet November 10, 2010 at 10:57 am - Reply

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

  21. yousuf
    yousuf December 27, 2010 at 4:07 pm - Reply

    Hide navbar

  22. Sandipan@Inkjam
    Sandipan@Inkjam December 31, 2010 at 9:47 pm - Reply

    Is this acceptable with google??

    • GeckoFly
      GeckoFly December 31, 2010 at 11:01 pm - Reply

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

  23. vikram
    vikram January 20, 2011 at 3:28 pm - Reply

    thank you its working..

  24. polash khan
    polash khan January 23, 2011 at 4:04 am - Reply

    Thanks a lot Brother. I’m success!

  25. Rupam Guha
    Rupam Guha February 8, 2011 at 2:46 am - Reply

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

  26. gaurav
    gaurav February 11, 2011 at 5:08 am - Reply

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

  27. David
    David February 15, 2011 at 10:43 am - Reply

    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.

  28. Offres d
    Offres d'emploi au Cameroun February 16, 2011 at 7:16 pm - Reply

    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!

  29. Maximo Ginez
    Maximo Ginez February 20, 2011 at 7:56 am - Reply

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

  30. john
    john March 7, 2011 at 8:09 pm - Reply

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

  31. om
    om December 5, 2011 at 12:23 am - Reply

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

  32. Jude
    Jude December 9, 2011 at 8:36 pm - Reply

    I just did it now. Many thanks!

  33. vishal400
    vishal400 December 11, 2011 at 2:47 pm - Reply

    thanks a lot bro

  34. Asho
    Asho January 28, 2012 at 2:03 pm - Reply

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

  35. Kathrine
    Kathrine March 5, 2012 at 2:15 am - Reply

    Thank you so much for this.

    I have been trying to remove blogger nav bar since 2 hours. Eventually your post has helped me in doing it.

    Thanks.

  36. Dylan
    Dylan December 4, 2012 at 2:22 am - Reply

    Thanks, Finnaly get to remove the Nav bar from my blog.

  37. naheeda
    naheeda January 18, 2013 at 9:58 am - Reply

    THANK YOU SO MUCH!!

  38. adeel
    adeel February 18, 2013 at 5:58 pm - Reply

    That is a very nice piece of info. Thanks for it.

  39. cai
    cai June 23, 2014 at 5:11 pm - Reply

    Thanks.

  40. Tom
    Tom July 5, 2014 at 11:43 pm - Reply

    Thank you so much. I had to get rid of a lot more code to delete it completelt though. Just look for where the navbar section and includables start until where they stop and delete that.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>