How to remove the Blogger Nav bar?

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 wonderfully! i was really getting tired of it, thanks so much!

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

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

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

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

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

    ReplyDelete
  10. 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
  11. Hey, thanks so much. Was so tired finding a way for this. You did it in one line!

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

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

    ReplyDelete
  14. 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
  15. 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
  16. 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
  17. 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
  18. thanks for the encouraging comment :)

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

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

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

    ReplyDelete
  22. 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
  23. This is great thanks, I did this before on my other blog but couldn't quite remember thankfully I found you again!
    Jade

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

    ReplyDelete
  25. 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
  26. 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
  27. I have done it! this is very useful tutorial

    See My Blog

    Thank you very much

    Ikhsan

    ReplyDelete
  28. Thanks! disturbing Area is No More !

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

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

    ReplyDelete
  31. 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
  32. 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
  33. Great! Done! never imagined the blog would look so good with just the nav bar removed..

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

    ReplyDelete
  35. 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
  36. Thanks so much for this tip - works really well.

    ReplyDelete
  37. Oh my god you are genius ! thanks

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

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

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

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

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

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

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

    ReplyDelete
  45. 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
  46. 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
  47. nice post i apply it here

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

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

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

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

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

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

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

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

    plz help me frnds.....

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

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

    ReplyDelete