Blogger trick – Remove navbar in Blogspot blog

In a blog hosted at blogger.com, you would always see a default navbar in the top of the blog page, and it has a search box, flag option etc.

There are a couple reasons why you would like to remove the navbar in your blogger blog -
1. The professionalism of the blog is not maintained. Really, the blog does not look good with the navbar.
2. Sometimes you do nothing wrong, but someone flags your blog through the option in navbar, so you are in risk.

So here is how to remove the navbar in blogger template -

Go to your blog settings > Layout > Edit HTML

Find this -

/* Variable definitions
====================

Above that, paste this -

#navbar-iframe { display: none !important; }

And save the setting. You are done and the navbar is gone! Pretty easy huh!

blogger remove navbar

Comments

  1. varun says:

    nice information there chetan . . . i always thought that due to the navbar the site really looked stupid and as if i was page in some social networking site . . . .this really helps in making it look better.
    thanx

  2. Joel says:

    LOL that’s a nice trick. But I still prefer WordPress. No matter what it is, but WordPress just rocks… :)

  3. danandmarsh says:

    Wow, awesome my blogs look so much better!! Thanks Chetan

  4. Tech Updates says:

    This trick is awesome and easy, i dont run blogger blogs but do own very old ones will try to update them with this trick to make sure others dont Flag them by mistake.

  5. Wont you get banned by doing this?

  6. Chetan says:

    @Harry i never a rule against it. I have the navbar removed in a few of my blogs and nothing has happened till now.

  7. Sid says:

    Thanks chetan for the trick.Will try this on my new blog.
    thanks again.

  8. Sherry says:

    nice trick I try on my shopping blog it looks great !!

  9. BM says:

    @varun: NavBar looks ugly.

  10. Sherry says:

    @BM my contest blog still using it. :)

  11. BM says:

    @Joel: I prefer BlogSpot because it’s free and it has unlimited bandwidth. No downtime because our blog is hosted in Google’s servers.

  12. BM says:

    @danandmarsh: Congrats to you, girl.

  13. Sherry says:

    @BM blogspot blog is free I love it too. I have create a few blogs with it.

  14. BM says:

    @Tech Updates: Yup, some are just clicking that Flag Button like crazy.

  15. BM says:

    @Make money Online with Harry: As far as I know NOT. But some says it’s against Blogger’s TOS

  16. BM says:

    @Chetan: Same here, nothing happen.

  17. Sherry says:

    @bm is that so about flag button. No wonder many blogs have remove the navbar.

  18. BM says:

    @Sid: You’re blog will surely looks better now without that thingy.

  19. BM says:

    @Sherry: link please?

  20. BM says:

    @Sherry: you’re blog is ugly with it, you better remove it.

  21. Sherry says:

    got it bm have them remove it!

  22. BM says:

    @Sherry: Me too, I never spend on blog hosting thanks to Google.

  23. BM says:

    @Sherry: Flag Button is always abused.

  24. Sherry says:

    @BM that’s sad to know!

  25. BM says:

    @Sherry: Have you flagged someone’s blog?

  26. Sherry says:

    no bm, have you?

  27. Varun says:

    i would prefer wordpress rather than blogspot.

  28. Sherry says:

    I have remove the navbar from all my blogs. :)

  29. khalee says:

    this tag helped a lot!! tnx 4 d info .. ^^

  30. Barbara says:

    Thanks for making it so simple. I searched around and none of the others made any sense but now the thing is gone.

  31. Varun says:

    Hello,

    Thank you, very useful information. This info helped me a lot.

    Thank you so much.

  32. Nick says:

    Thanks for this. I’d seen videos and all kinds of explanations, but yours was easy to understand for a technophobe like me! Cheers

  33. lata says:

    hi thnx for the navbar removal bu the tag cloud doesnt wrk

  34. lata says:

    how to use the tag cloud it is shwing error

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

  36. Frank Freddy says:

    here is the video..
    step by step..
    video tutorial..
    very easy to understand with this video..

    http://www.metacafe.com/watch/739548/remove_blogger_navbar/

  37. Ashis says:

    Thanks for your tips. I have removed the Navbar from my blog. Thanks again.

  38. Jack says:

    Thanks a lot friend. I spent a lot of time for this. Finally you provide me the best option. Now i finally remove the navbar on my blogspot http://www.jobshunt4u.blogspot.com

Speak Your Mind

*