Remove Blogger Nav bar Completely

image

Blogger has got a default Navigation Bar. This navigation bar is hidden in most of the third party templates. Instead of hiding the nav bar using CSS, we can completely remove it.

To do that

1. Login to your Blogger account and navigate to Layout > Edit HTML

2. In the Template Code find <body> and just above that add the following Code.

<!--<body>-->

3. Now Save the Template and you will see a confirmation about deleting the Navbar Widget. Confirm the Deletion by Clicking on the Delete Widgets Button

image

4.Now your Nav bar is completely removed from your Blog.

 

Advantages of this Method

You will be completely removing the nav bar and not hiding it. The nav bar iframe codes wont be present in your blog’s HTML source and so the blog  would be more Search Engine Friendly and your blog will have a more valid XHTML code..

Disadvantages of this Method

You will no longer see the Quick Edit pencil image  or wrench links quick-edit-wrench-blogger  on your blog even if you are logged in. This is not a a big deal. You can Edit the Widgets from the Layout > Page Elements Page. You wont see the Comment Delete icon near your comments even if you are logged in.But you can definitely manage the comments from the Blogger Comment Tab.It would also be a good idea to completely remove the Quick Edit and Wrench Links from Blogger

How to Get back the Nav Bar?

If you followed this method to remove the nav bar and now want to get it back, then  delete the extra code that you added. i.e remove the code from step 2, that you added into your template and Save the Template.

Comments

  1. I try Bozzz. Thonks for your information....!! I waiting you visited my blog...www.chugygogog.blogspot.com

    ReplyDelete
    Replies
    1. hey can u tell me when u removed that nav bar how u manage the space left...
      as this one does http://srect2.blogspot.in/

      can you mail me at raahulsaxena4@gmail.com
      how u removed that space..

      Delete
  2. how about the ToS? did blogger not allow to remove the navbar?
    anyway thanks for share :)

    ReplyDelete
  3. many thanks, that's an useful tip

    ReplyDelete
  4. Nice info...
    but I'd rather hiding it than remove it...
    visit my blog ok :)

    ReplyDelete
  5. good one. Most of the time I was told how to hide it now I can remove it completely. May be Google will not like it.

    Thanks
    Sjay

    ReplyDelete
  6. You need to have quick edit links on posts if you have more than 5,000 posts. Otherwise you can't reach posts past 5,000 from the dashboard. Its a bug that hasn't been fixed along with the broken search function- which kinda makes the navbar useless since search doesn't work 100%.

    ReplyDelete
  7. I have used your code to hide mine. Thanks for the info.

    ReplyDelete
  8. Thanks , I was doing so much things for doing this but this technique is really helped me alot , I have removed it in just one step , Thanks a lot

    ReplyDelete
  9. @Aneesh great trick you thinked of yar. Keep it up man !!

    ReplyDelete
  10. Thanks, i have learnt many thing from you and i want to share this site with my reader so i have added your blog at my blog,
    Can you tell me how to add customize comments link i mean i want to show comments option like you

    ReplyDelete
  11. Hello :

    Would anyone help me with this please ? When I tried to add the code , I got this message :

    We were unable to save your template
    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "b:skin" must be terminated by the matching end-tag "".
    .....................................

    Would anyone help me please !!?
    this is my Email: fathitkf@yahoo.com

    ReplyDelete
  12. Nice post, really useful, Short and Sweet.

    ReplyDelete
  13. Really nice post, it will help every newbie blogger

    ReplyDelete
  14. Thanks but according to blogger tos navbar should be present in everyblog

    ReplyDelete
  15. nice info, but the way boss, i have tried put that code into my blog, it just not lik jour description, template save with success but didnt come out the notification about widget?, That i wrong put the code or what? this my blog www.swpmreload.blogspot.com

    ReplyDelete
  16. nice info..Really nice ...Thanks

    ReplyDelete
  17. Nice hack, but is it legal?
    I mean will Blogger ban you for doing so?

    ReplyDelete
  18. good.....
    Thanks For the Informaion.

    ReplyDelete
  19. Simple, and it worked (no warning though about the widget)

    How do you remove the space that it leaves at the top of the page?

    ReplyDelete
  20. Very Nice! That was really easy and it looks GREAT!

    ReplyDelete
  21. Thanks, I will to try...

    ReplyDelete
  22. Hi Aneesh,

    I have to ask a question.You said that

    "Disadvantages of this Method

    You will no longer see the Quick Edit pencil image or wrench links quick-edit-wrench-blogger on your blog even if you are logged in. This is not a a big deal. You can Edit the Widgets from the Layout > Page Elements Page."

    Not only that after doing this trick "Comment Delete icon" also disappeared from blogger comments.

    So are there any way to delete blogger Nav bar?

    ReplyDelete
  23. I managed to remove the navbar using your method but it leaves a space where the nav bar used to be.

    How do I remove this space?

    ReplyDelete
  24. Not sure why, but this is not working for my blog in Firefox. Works fine in Safari though.

    http://news.bapva.com

    ReplyDelete
  25. ok...or with code like this <!--<body>
    <div></div>-->
    ... it's same funtion...

    ReplyDelete
  26. Wow. I used it and it incredibly work. Thanks!

    ReplyDelete
  27. many thanks,thanks so much,this is what i want,it is amazing。

    ReplyDelete
  28. i got this :
    "
    Unable to analyze its workforce, it is not well formed. Make sure all XML elements are closed properly.
    XML error message: The element type "html" must be terminated by the matching end-tag "".
    "

    ReplyDelete
  29. yes I tried it and it works thanks so much only problem is you cant sign in, you have to use Blogger.com to sign in

    ReplyDelete
  30. Aneesh,it not working in draft.blogger and edit html

    ReplyDelete
  31. glad I found info thanks Great blog enjoyed viewing will share with others

    ReplyDelete
  32. thanks...can you please make toturial about threaded reply for blogspot...

    http://www.pangkin4rest.com/

    ReplyDelete
  33. Just simple and IT WORKS, thank for your info :-D

    ReplyDelete
  34. Worked great for Bizopedia.biz... Thanks!

    ReplyDelete
  35. Wonderful! with this little script ... This new trick for me. thanks.

    ReplyDelete
  36. I couldn't find the < body > tag in my template html. Instead I have these three tags

    / body
    tbody and
    / tbody

    Please help

    ReplyDelete
  37. #navbar-iframe {
    display: block !important;
    }
    /* Variable definitions



    or find this and just change "block" to "none" without the ""

    ReplyDelete
  38. Thank you alot.

    www.alfredsoccer.blogspot.com

    ReplyDelete
  39. Thanks for that - I've found that having that Blogger search bar makes my blog look like a crappy free blog. Which it may be, but I still don't want it to look like one. ;) Out of curiosity, any idea if the default search uses Google Custom Search?

    ReplyDelete
  40. thankyou very much it worked well brother

    ReplyDelete
  41. First- Thank you very much for this site. It is a fantastic resource and very grateful for it. that being said,

    I have an issue: I too cannot find the < body> tag you mentioned.

    I also did a search for "block to none" section you mentioned in your reply on June 30, 2010 11:59 PM

    I could not find either of these anywhere with in the HTML code. Any suggestions?

    ReplyDelete
  42. thanks a bunch. your blog rocks. keep posting helpful articles. =]

    ReplyDelete
  43. Paul - I couldn't find < body> either but right under the < /head> tag I found this: < body expr:class='"loading" + data:blog.mobileClass'>

    I inserted the code right above that and it worked great.

    Maybe try to find some sort of body opening tag like that.

    Thank you for this solution, Oh Great Blog Writer!!!

    ReplyDelete
  44. Thanku so much.. I was searching it for 2 month ! will you believe it ? for 2 month and your code take just less then 2 minute to activate and solve my problem ..
    thanks a lot again

    ReplyDelete
  45. Very useful - exactly the info I was searching for - thank you!

    ReplyDelete
  46. just put the code before this code

    <![CDATA[/* <---- the word b there is the same as body
    -----------------------------------------------
    Blogger Template Style
    Name: Ethereal
    Designer: Jason Morrow
    URL: jasonmorrow.etsy.com
    ----------------------------------------------- */

    ReplyDelete
  47. Perfect, thanks! I can't believe people leave Blogger blogs looking like the default - this post is a huge help.

    ReplyDelete
  48. Nice friend.. It perfectly works..

    ReplyDelete
  49. great post man...very useful especially for a full time blogger like myself...keep em coming mate...cheers

    ReplyDelete
  50. thanks, works just fine. cheers

    ReplyDelete
  51. Hi, I'm having a weird problem and I'm wondering if anyone has any advice:
    http://vancouvercm.blogspot.com


    I came across this page not actually trying to remove the navbar. Actually there is for some reason a blank space above the navbar that looks terrible and causes the navbar to overlap and cover up the header. I recently added some scripts to the page and the error appeared during that but when I hide those scripts the problem doesn't go away. Which is crazy. I guess I've somehow made another error somewhere I missed but I can't find it.

    Anyway, when I use this script it does not give me the notification message. It does not remove the navbar as prescibed. It moves the error space from above the navbar to below it. Which is slightly better so I'm keeping this for now. But its crazy and I can't figure out why. Any help is appreciated. Is the navbar implemented as a frame?

    Thanks for the code, it isn't working right but it is getting me there.

    ReplyDelete
  52. used your method to get rid of the nav bar ...
    worked perfectly ...
    also ... i think google might fix that 5k post bug before i reach that amount of posts ...
    hehe ...
    thanks ...

    ReplyDelete
  53. thank you very much, my blog look neater now

    ReplyDelete
  54. tried this ,
    works well , no hiding
    really wonderful
    I think I should follow you then.

    ReplyDelete
  55. I did it but when I'm logged in, how do I get to my settings, dashboard etc??

    ReplyDelete
  56. @Cliff - visit blogger.com to do that :)

    ReplyDelete
  57. thank you! it worked! no my page finally looks better!

    ReplyDelete
  58. Thank's bro, really nice post for newbie

    ReplyDelete
  59. Wow!! What a trick it is! Nice work dude. You rock. A short code but a big deal :)

    ReplyDelete
  60. I'm afraid with google police..

    I'm music collector according to itunes, hehe..
    let's visit www.songmap.blogspot.com

    ReplyDelete
  61. i cant find
    "<body<"
    at my templates.
    any ideas Aneesh? or there is another alternative code??

    here is my blog http://resensinema.blogspot.com/

    ReplyDelete
  62. Thanx a lot. i search it and find in your blog

    ReplyDelete
  63. When I tried it this happened

    "We were unable to save your template

    Please correct the error below, and submit your template again.
    Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed."

    ReplyDelete
  64. Idk if it's agood idea to delete it , tried it in my teen health and fitness blog
    http://teenfitnessblog.blogspot.com/

    ReplyDelete
  65. i read from some blog that if u remove it and if u're using a free acc from blogger u might get ban, is that true? someone enlighten me pls!

    ReplyDelete
  66. Worked great thanks for your little code and StoneImpressions instructions above

    ReplyDelete
  67. wow, its great. thanks a lot...

    Regards,
    www.goosharit.com

    ReplyDelete
  68. finally i've found the tutor here, but... why i can't find "" in my html edit? or i just copas only? tq


    http://hot4news.blogspot.com/

    ReplyDelete
  69. I tried but cant seem to find the < body > even with Ctrl + F

    ReplyDelete
  70. I did not find "body" in my blog. There is "/body' . what i do?

    ReplyDelete
  71. thanks for your valuable suggestion, it worked.
    I appreciate your tips

    thank you very much

    ReplyDelete
  72. When i try to inpu this it does not work it says this

    We were unable to save your template
    Please correct the error below, and submit your template again.
    Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input:
    Pleas help me danneshalvarez@gmail.com

    ReplyDelete
  73. Wow it is a nice trip. work well. Any way wondering why this simple code is this much powerful.

    ReplyDelete
  74. thanx i was realy need of that thin the great tip

    ReplyDelete
  75. great tip...
    i was looking for that quite long...thanx

    ReplyDelete
  76. Thanks, best and easiest way that I've seen.

    ReplyDelete
  77. Thank you!!! All other websites suggest ti hide it via the CSS while you finally figured a way to completely remove it. THANKS!

    ReplyDelete
  78. i spent forever trying to figure this out, and it was this simple... thanks a lot !

    ReplyDelete
  79. Thank you! To take out a long time..

    ReplyDelete
  80. I can't find < body > I put it in word en tried to find < body > but then i've got the message that it wasn't there.. What can I do?

    ReplyDelete
  81. This works fine man. thans alot. View mine @ www.openinformations.blogspot.com

    ReplyDelete
  82. Thanks for this great tutorial!
    navbar's javascript really sucking up Http request

    ReplyDelete
  83. This definitely works with the new blogger! Thanks much. :)

    ReplyDelete
  84. I couldn't find body but did try both places that were recommended by 2 others above. Both time I get an error message.

    Does this work with the new blogger platform?

    Hugs,
    Gina
    www.lifeofafabricsnob.com

    ReplyDelete
  85. This is awesome. I was struggling to remove this completely. But your trick worked fine for me. Thanks a lot.

    ReplyDelete
  86. It seems not working now with the new Blogger and I unable to delete the added code...please help

    ReplyDelete
  87. it's cool but i can't find body tag in my template. I found body {
    code. So i put this code above the body { . Then a widget delete box appear as you mentioned. But after deleting widget it shows me an error message like this "Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input: "
    So what should i do? please help me...!

    Regards
    deb
    http://what-latest.blogspot.com

    ReplyDelete
  88. 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??

    ReplyDelete
  89. 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.

    ReplyDelete
  90. There is no < body> in my html... Blogger is confusing me!

    ReplyDelete
  91. it is not working

    ReplyDelete
  92. We're sorry, but we were unable to complete your request.

    When reporting this error to Blogger Support or on the Blogger Help Group, please:

    Describe what you were doing when you got this error.
    Provide the following error code.

    bX-1fey2v

    This information will help us to track down your specific problem and fix it! We apologize for the inconvenience.

    ReplyDelete
    Replies
    1. I am getting that same error

      www.polytechs.org

      Delete
  93. Thanks a lot for this detailed information, on other sites people have only written about hiding navbar

    ReplyDelete
  94. Some thing wrong around my blog, Please follow the link and suggest me hoe can i remove the same, i am working with your way but can not get it fixed, i am also trying to do the same with "div style="display:none" i hope it will work, suggest me better way. thanks

    ReplyDelete
  95. I cant find < body > !!! please help!

    ReplyDelete

Post a Comment