How to remove the Blogger Nav bar?

Blogger comes with a default navigation bar.This blogger navigaton bar may not be present in most of the templates.But if you are using a default blogger template,then you will see some navigation bars like the one in this picture.These navigation bars can be removed using some simple CSS techniques.

Here are the steps to remove the Blogger Navigation bar /Blogger Nav Bar

1.Login to your blogger account
2.From your Dashboard opt for Layout
3.Now choose Edit Html
4.You will see your template code there.
5.In that template code find
]]></b:skin>
and replace it with

#navbar-iframe,#navbar { display: none !important; }
]]></b:skin>
6.Now opt for SaveTemplate.
7.Affter saving the template take a look at your template and your blogger navigation bar must have disappeared. :)

If you still cant figure this out see the video below. See the video below..

77 comments :

  1. i already remove my navbar..
    here is the tutorial..
    step by step, and useful

    remove navbar

    and useful to show this video on your blog..

    ReplyDelete
  2. hi when iam saving this error i got what i can do

    "More than one widget was found with id: HTML22. Widget IDs should be unique."

    Please Tell me Solution

    this is my mail id freetelugumovies@gmail.com

    ReplyDelete
  3. i think there is some problem with your template.. just try to find out HTML22 and change one of them(only one) to something else say HTML567890

    ReplyDelete
  4. Worked great for me! Thanks!!!!!!!

    ReplyDelete
  5. worked wonderfully! i was really getting tired of it, thanks so much!

    ReplyDelete
  6. Hi this was already coded into my theme from Bloggertricks. Pretty cool

    ReplyDelete
  7. Great tip, BUT is that legal? If google finds out, aren't they going to ban your blog for doing this?

    ReplyDelete
  8. i can't find #navbar-iframe { } in template.. do you have another idea?

    ReplyDelete
  9. it's help
    thanks
    http://shaisoku.blogspot.com/

    ReplyDelete
  10. i did it on my blog... but what about the sign in and customize feature on the nav bar now?

    ReplyDelete
  11. I had my nav bar hidden in my old tempalte (Ms Moto) - and it wasn't hard to do. Ever since I changed the template to Minima, though, I can't get rid of the nav bar. I've looked high and low under HTML portion of my blog...but nothin'. Nadda. Zip. I've even used the find shortcut to look for it - and can't find it that way, either.

    Do you know what I'm doing wrong? Why can't I find it and get rid of it again?

    Thanks for all your help! This blog is great. :)

    ReplyDelete
  12. Hey, thanks so much. Was so tired finding a way for this. You did it in one line!

    ReplyDelete
  13. its very simple and works fine. thank you.

    ReplyDelete
  14. Hi, many many thanks for this post.

    ReplyDelete
  15. I like it to remove the nv-var. I was searching for this from many days and finally i get this
    thanks for this..

    ReplyDelete
  16. Thank you so much! I've been trying to figure out how to get rid of that annoying thing and this was so simple.
    ~cheers~

    ReplyDelete
  17. Theres a post here,

    http://labnol.blogspot.com/2007/06/maybe-it-ok-to-remove-blogger-navbar.html

    Suggesting that under question blogger employees have stated that removing the navbar is allowed. The policy just seems to be that they provide no option to do so.

    ReplyDelete
  18. Aneesh, you are amazing and very smart.
    Thanks so much for all the coding provided and also for the explanations how to do it. Very easy the way you explain it.

    Thanks again.

    ReplyDelete
  19. thanks for the encouraging comment :)

    ReplyDelete
  20. thanks. this made my blog looks cooler.

    ReplyDelete
  21. ya its a good Trick dude..
    Is there any Widget for
    "Sharing with a friend "

    ReplyDelete
  22. When I remove, My background image dissapears? Why is this so? Can somebody help?

    ReplyDelete
  23. If you have a template which doesnt have the navbarm, how do you put it back in?

    i am using

    Blogger Template Design: The Professional Template II
    Design by: Ourblogtemplates.com
    thanks
    bd99

    ReplyDelete
  24. This is great thanks, I did this before on my other blog but couldn't quite remember thankfully I found you again!
    Jade

    ReplyDelete
  25. Just came across this... thanks for this tip. its been annoying me for a bit, and didnt want to remove it completely...

    ReplyDelete
  26. hey i tried it man, its working great on my my page, you may have a look at : http://chudai-ki-story.blogspot.com/

    ReplyDelete
  27. It doesn't work so well on the new template. It removes the bar but leaves a blank space there instead of moving everything up. :(

    ReplyDelete
  28. I have done it! this is very useful tutorial

    See My Blog

    Thank you very much

    Ikhsan

    ReplyDelete
  29. Thanks! disturbing Area is No More !

    ReplyDelete
  30. Great tip. I struggle with Blogger (Yes I know!) so this is really useful.

    ReplyDelete
  31. this is working great on my http://free-soft-all.blogspot.com , i was looking exactly this kind of thing. thnks dude

    ReplyDelete
  32. I don't advise that you remove it !! It can be useful to see the next blog or to follow your blog.

    http://lovers-shore.blogspot.com

    ReplyDelete
  33. Done! I was wondering whether to remove the nav bar or not and finally did it and .....ROFO yep I considered that. I think i have given enough methods to go follow the blog for the readers so...lets see if there is any change ....

    ReplyDelete
  34. Great! Done! never imagined the blog would look so good with just the nav bar removed..

    ReplyDelete
  35. i tried this to see how it looks but then i wanted it back. How ever now i have "-->" above the nav bar??

    ReplyDelete
  36. Great idea :) :) You rock...thanx...my blog looks like a website :)...just 1 query....how do i add blogs to the related pages...
    http://sara-myspace.blogspot.com/
    This is my blog adress....hope to get reply soon.

    ReplyDelete
  37. Thanks so much for this tip - works really well.

    ReplyDelete
  38. Oh my god you are genius ! thanks

    ReplyDelete
  39. thank you for your nice Help it was very good now I know
    look i make own my page http://missnepal2013.blogspot.com/

    ReplyDelete
  40. thank you so much.... it's great idea

    ReplyDelete
  41. thanx a lot
    succesfully removed my navbar without any problem.

    ReplyDelete
  42. Hi, it helped me. Thanks.
    http://supermaxincome.blogspot.com/

    ReplyDelete
  43. Hi thanks. Im able to remove the top bar using the above guide.
    http://www.mycashcabinet.com/

    ReplyDelete
  44. Thanks, im succesfully removed my blogger nav bar...

    ReplyDelete
  45. Thanks for the article it will help a lots of bloggers who use blogspot template.

    ReplyDelete
  46. i do you idea but not hide the nagive bar if any one know simple idea plz mail or comment me id Skyinearth@gmail.com www.wilcom-work.blogspot.com

    ReplyDelete
  47. Wonderful! Simple and direct to the point instruction on removing the nav bar of a blogspot blog.

    If you want to delete your blogspot blog, I have a blog post about it.

    ReplyDelete
  48. nice post i apply it here

    http://mx-tube.blogspot.com/

    ReplyDelete
  49. How nice post it is! I applied it on my blog http://www.pechali.blogspot.com/ Nice Work......

    ReplyDelete
  50. Thank you dear sir i m soooooooooooooooo happy Love you....

    ReplyDelete
  51. thanks you so much my friend for your kind help

    ReplyDelete
  52. Thanks. I have just disabled the nav bar.

    ReplyDelete
  53. thank you so much :D i removed it

    check it out
    http://clickpak.blogspot.com/

    ReplyDelete
  54. thanks for this post...
    bt its not working on my following blog
    http://marathi-khazana.blogspot.com/

    plz help me frnds.....

    ReplyDelete
  55. Thanks I am glad that I found your blog. It's working.Yeeeey

    ReplyDelete
  56. I removed my nav bar using this method .Thanx

    ReplyDelete