How to Hide, Disable or Remove Blogger Blogspot NavBar?

Home » The Web » Tutorials, Optimization, and SEO

How to Hide, Disable or Remove Blogger Blogspot NavBar?

See More ▼ 6 FeedBurner Alternatives – RSS Feed Newsletter For Bloggers

Method 01 – Turn Off

It appears that blogspot users can now turn off the navbar without going against Blogger Terms and Conditions. As shown in the screenshot above, 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.

See More ▼  3 Free Security Extensions For Plesk Onyx - Best Practice And Prevention

Method 02 – Remove Widget

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





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

49 Comments

  1. Gravatar
    Curious [ Reply ]

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

  2. Gravatar

    Thanks for the excellent info…

  3. Gravatar
    Melvin [ Reply ]

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

  4. Gravatar
    Sooparhguy [ Reply ]

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

  5. Gravatar

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

  6. Gravatar

    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 [ Reply ]

    hey thsi totally works!

  8. Gravatar

    Thank you so much!

  9. Gravatar

    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

    this is not the good syntax.

    good one :

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

    • Gravatar

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

    • Gravatar

      @ 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 [ Reply ]

    Thank you sooooo much! Your solution works perfectly!

  13. Gravatar

    would they take down my blog?

    • Gravatar
      GeckoFly [ Reply ]

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

  14. Gravatar
    wibowo [ 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" [ Reply ]

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

  16. Gravatar

    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" [ 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 [ Reply ]

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

  19. Gravatar

    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 [ Reply ]

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

  21. Gravatar
    yousuf [ Reply ]

    Hide navbar

  22. Gravatar
    Sandipan@Inkjam [ Reply ]

    Is this acceptable with google??

    • Gravatar
      GeckoFly [ Reply ]

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

  23. Gravatar
    vikram [ Reply ]

    thank you its working..

  24. Gravatar
    polash khan [ Reply ]

    Thanks a lot Brother. I’m success!

  25. Gravatar
    Rupam Guha [ Reply ]

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

  26. Gravatar
    gaurav [ Reply ]

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

  27. Gravatar

    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 [ 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 [ Reply ]

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

  30. Gravatar

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

  31. Gravatar

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

  32. Gravatar

    I just did it now. Many thanks!

  33. Gravatar
    vishal400 [ Reply ]

    thanks a lot bro

  34. Gravatar

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

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

  37. Gravatar
    naheeda [ Reply ]

    THANK YOU SO MUCH!!

  38. Gravatar

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

  39. Gravatar

    Thanks.

  40. Gravatar

    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.

  41. Gravatar
    Kewal Dubey [ Reply ]

    Nice and very simple method to remove navbar.

  42. Gravatar

    This is the video tutorial =>
    https://www.youtube.com/watch?v=a4fTIuB5Qg4

  43. Gravatar
    HANNAH EMILY [ Reply ]

    How to remove the nave bar that appear on the head of the tempelate.

  44. Gravatar
    Moonshadow [ Reply ]

    Can you explain to me why I can’t see the navbar for my blog ksletsgetfit.blogspot.com? It’s not turned off and it shows it in the preview. But when I go to my blog, it’s not visible. The source inspection shows it in the html.

  45. Gravatar
    Nurul Hikmah S. [ Reply ]

    It worked on my blog. Thankyouu :)

Leave a Reply

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