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. Gravatar
    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. Gravatar
    Gino January 8, 2009 at 7:13 am [ Reply ]

    Thanks for the excellent info…

  3. Gravatar
    Melvin January 10, 2009 at 5:04 pm [ Reply ]

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

  4. Gravatar
    Sooparhguy January 12, 2009 at 12:14 am [ Reply ]

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

  5. Gravatar
    david February 10, 2009 at 7:44 pm [ Reply ]

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

  6. Gravatar
    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. Gravatar
    twinkle March 3, 2009 at 7:53 am [ Reply ]

    hey thsi totally works!

  8. Gravatar
    pkl May 16, 2009 at 10:14 pm [ Reply ]

    Thank you so much!

  9. Gravatar
    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. Gravatar
    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
    }

    • Gravatar
      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. Gravatar
    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

    • Gravatar
      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. Gravatar
    My Fairy Poems July 3, 2010 at 8:58 am [ Reply ]

    Thank you sooooo much! Your solution works perfectly!

  13. Gravatar
    Paul July 15, 2010 at 8:36 am [ Reply ]

    would they take down my blog?

    • Gravatar
      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. Gravatar
    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. Gravatar
    "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. Gravatar
    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. Gravatar
    "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. Gravatar
    Nasif Razzaque September 29, 2010 at 6:26 pm [ Reply ]

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

  19. Gravatar
    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. Gravatar
    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. Gravatar
    yousuf December 27, 2010 at 4:07 pm [ Reply ]

    Hide navbar

  22. Gravatar
    Sandipan@Inkjam December 31, 2010 at 9:47 pm [ Reply ]

    Is this acceptable with google??

    • Gravatar
      GeckoFly December 31, 2010 at 11:01 pm [ Reply ]

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

  23. Gravatar
    vikram January 20, 2011 at 3:28 pm [ Reply ]

    thank you its working..

  24. Gravatar
    polash khan January 23, 2011 at 4:04 am [ Reply ]

    Thanks a lot Brother. I’m success!

  25. Gravatar
    Rupam Guha February 8, 2011 at 2:46 am [ Reply ]

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

  26. Gravatar
    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. Gravatar
    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. Gravatar
    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. Gravatar
    Maximo Ginez February 20, 2011 at 7:56 am [ Reply ]

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

  30. Gravatar
    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. Gravatar
    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. Gravatar
    Jude December 9, 2011 at 8:36 pm [ Reply ]

    I just did it now. Many thanks!

  33. Gravatar
    vishal400 December 11, 2011 at 2:47 pm [ Reply ]

    thanks a lot bro

  34. Gravatar
    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. Gravatar
    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. Gravatar
    Dylan December 4, 2012 at 2:22 am [ Reply ]

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

  37. Gravatar
    naheeda January 18, 2013 at 9:58 am [ Reply ]

    THANK YOU SO MUCH!!

  38. Gravatar
    adeel February 18, 2013 at 5:58 pm [ Reply ]

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

  39. Gravatar
    cai June 23, 2014 at 5:11 pm [ Reply ]

    Thanks.

  40. Gravatar
    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>