Remove Blogger Nav bar Completely

4/18 10:37:00 AM Sunday, April 18

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.

141 comments :

  1. HidekiApril 18 at 12:23 PM

    Great tips! Thanks.

  2. ChugyApril 18 at 1:08 PM

    I try Bozzz. Thonks for your information....!! I waiting you visited my blog...

    1. Nagai EducationApril 12 at 1:05 PM

      hey can u tell me when u removed that nav bar how u manage the space left...
      as this one does

  3. sibaho wayApril 18 at 3:03 PM

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

  4. PigApril 18 at 3:47 PM

    many thanks, that's an useful tip

  5. SoufianeApril 18 at 4:16 PM

    héhé great tip, thanks

  6. TrigonalApril 18 at 6:38 PM

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

  7. CrazycoolApril 18 at 7:30 PM

    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

  8. AnonymousApril 19 at 1:10 AM

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

  9. Farrukh SohailApril 19 at 6:59 AM

    great dude

  10. UnknownApril 19 at 7:55 AM

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

  11. AdminApril 19 at 7:39 PM

    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

  12. AnshulApril 20 at 1:30 AM

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

  13. AnonymousApril 20 at 6:38 AM

    not working

  14. nedya Chuet-chuetApril 20 at 9:36 AM

    thanks

  15. alaminApril 20 at 2:06 PM

    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

  16. AnonymousApril 21 at 5:23 AM

    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 !!?

  17. ShaileshApril 22 at 2:25 AM

    Nice post, really useful, Short and Sweet.

  18. alaminApril 22 at 11:15 AM

    Really nice post, it will help every newbie blogger

  19. pribadi f. utamaApril 22 at 11:32 AM

    nice info gan..

  20. PhilippApril 23 at 3:12 PM

    Thx a lot!

  21. Juanmanuel Lopez ZajiaApril 24 at 9:13 AM

    perfect... better clean code... thanks

  22. VarunApril 24 at 8:42 PM

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

  23. AdminApril 24 at 10:57 PM

    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?

  24. paretosoundApril 25 at 9:22 PM

    it cool and very great

  25. khaledApril 27 at 7:15 PM

    nice info..Really nice ...Thanks

  26. AdminApril 28 at 12:46 PM

    nice tips, thanks,

  27. WebpageLotteryApril 28 at 2:18 PM

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

  28. RadikApril 30 at 12:22 PM

    good.....
    Thanks For the Informaion.

  29. StolenrockMay 5 at 8:11 PM

    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?

  30. AnonymousMay 6 at 1:23 AM

    Very Nice! That was really easy and it looks GREAT!

  31. AnonymousMay 7 at 6:23 AM

    Thanks, I will to try...

  32. AnonymousMay 7 at 11:18 AM

    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?

  33. AnonymousMay 8 at 4:08 PM

    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?

  34. AnonymousMay 9 at 12:58 PM

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

  35. HAPIA MesirMay 10 at 9:22 PM

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

  36. kumarMay 15 at 7:42 PM

    Thank you for sharing...

  37. KrissyMay 15 at 10:07 PM

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

  38. Culduthel Christian CentreMay 16 at 5:57 PM

    Thanks for this...worked a treat :)

  39. Ocean BanMay 22 at 9:17 AM

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

  40. DivxOnMay 28 at 2:08 AM

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

  41. David KuoMay 29 at 5:33 AM

    Wow, amazing

  42. അയൂബ്ഖാന്‍..May 31 at 12:21 PM

    Thanx buddy.grt tips..

  43. Jon LedinJune 3 at 7:31 PM

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

  44. Perico ErranteJune 4 at 2:59 PM

    Thank you very much! Great tip!!

  45. QualityJune 13 at 7:54 PM

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

  46. AnonymousJune 13 at 7:57 PM

    Thx

  47. Canada Gov JobsJune 16 at 4:26 AM

    Help a lot! Thanks!

  48. AnonymousJune 16 at 1:26 PM

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

  49. MarioJune 19 at 9:43 PM

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

  50. UnknownJune 26 at 11:05 PM

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

  51. Bizopedia NetworkJune 27 at 12:23 PM

    Worked great for Bizopedia... Thanks!

  52. HasannuhJune 27 at 12:41 PM

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

  53. Promo Bic PensJune 28 at 1:49 PM

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

    / body
    tbody and
    / tbody

    Please help

  54. {ADMIN} SolutionJune 30 at 11:59 PM

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



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

  55. David IsmailJuly 1 at 11:08 PM

    Thank you alot.

  56. Hannah G.July 5 at 6:13 PM

    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?

  57. WorldCommunicarJuly 6 at 9:18 PM

    thankyou very much it worked well brother

  58. AdminJuly 13 at 6:29 AM

    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, 11:59 PM

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

  59. FerdinandJuly 17 at 10:35 AM

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

  60. அன்பிற்குமுண்டோ அடைக்கும் தாழ்July 22 at 11:04 PM

    Simply Superb!! thanks for the info

  61. StoneImpressionsJuly 23 at 12:01 PM

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

    1. StatsProfessorMarch 6 at 8:05 AM

      I tried that and getting an error. :/

  62. LukeJuly 25 at 6:59 PM

    Great tip. Thanks :)

  63. UnknownJuly 26 at 2:14 AM

    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

  64. ValerieJuly 27 at 11:39 AM

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

  65. UnknownJuly 27 at 11:44 AM

    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
    ----------------------------------------------- */

  66. ChristieAugust 5 at 6:26 PM

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

  67. MS AnandamAugust 11 at 4:16 PM

    Nice friend.. It perfectly works..

  68. Kiran HegdeAugust 20 at 9:48 AM

    Thank you!

  69. thanosSeptember 1 at 8:34 PM

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

  70. AnonymousSeptember 3 at 7:21 AM

    thanks, works just fine. cheers

  71. Rusl BicycleSeptember 3 at 11:26 AM

    Hi, I'm having a weird problem and I'm wondering if anyone has any advice:


    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.

  72. //Sub/CorpusSeptember 9 at 12:00 PM

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

  73. Philip ChewSeptember 23 at 11:54 AM

    thank you very much, my blog look neater now

  74. casanovaSeptember 29 at 3:07 PM

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

  75. CliffSeptember 30 at 2:20 AM

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

  76. UnknownSeptember 30 at 4:10 PM

    @Cliff - to do that :)

  77. AndreSeptember 30 at 10:27 PM

    thank you! it worked! no my page finally looks better!

  78. cewek bugilOctober 2 at 4:07 PM

    Thank's bro, really nice post for newbie

  79. ZiaurOctober 4 at 10:27 PM

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

  80. Ogud ArtemizOctober 6 at 11:33 PM

    thanks

  81. Cozy Gift CounselorOctober 7 at 11:51 PM

    I'm afraid with google police..

    I'm music collector according to itunes, hehe..

  82. ShamimOctober 8 at 6:08 PM

    Thank'x, great tips

  83. Admin@resensinemaOctober 15 at 6:37 AM

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

  84. MynDsynOctober 28 at 10:50 PM

    Perfect. Thanks.

  85. LindaxxOctober 29 at 6:33 PM

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

  86. أحمــد عطــارOctober 31 at 11:26 PM

    Great!! thanks

  87. AnonymousNovember 4 at 12:33 AM

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

  88. AdminNovember 5 at 3:33 PM

    many thanks
    works perfect

  89. RunnaNovember 8 at 3:20 PM

    Idk if it's agood idea to delete it , tried it in my teen health and fitness blog

  90. Click Click CulinaryNovember 10 at 12:14 AM

    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!

  91. Job Vacancy In NigeriaNovember 11 at 4:31 PM

    Works Like Charm.Thanks

  92. EdgarNovember 13 at 8:59 AM

    Worked great thanks for your little code and StoneImpressions instructions above

  93. UnknownNovember 17 at 9:52 PM

    wow, its great. thanks a lot...

    Regards,

  94. Akash BarmechaNovember 19 at 2:06 PM

    Thank you!!!

  95. adminNovember 25 at 2:11 AM

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

  96. AnonymousNovember 28 at 4:10 PM

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

  97. AnonymousNovember 28 at 7:44 PM

    wOW! thanks! i did it in my blog... i need your comments guys! do i need to put back the blogger nav bar or simple delete it? here's my blog

  98. RakeshDecember 15 at 10:16 PM

    Nice info... thanks

  99. AnonymousDecember 16 at 7:01 PM

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

  100. CetateanulDecember 26 at 2:58 AM

    Great great!

  101. AshleyJanuary 7 at 4:02 PM

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

    thank you very much

  102. TekTipsGHJanuary 25 at 10:30 PM

    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.

  103. SijuJanuary 31 at 3:00 PM

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

  104. UnknownFebruary 3 at 2:59 PM

    thanks so much! :)

  105. akbarFebruary 5 at 2:04 PM

    nice article,,, thanks...

  106. syed nasir aliFebruary 22 at 8:12 PM

    thanx i was realy need of that thin the great tip

  107. Ashish SawantFebruary 27 at 4:56 PM

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

  108. Patrice RobertMarch 7 at 9:33 PM

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

  109. AlexMarch 14 at 11:39 PM

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

  110. AnonymousMarch 23 at 11:49 PM

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

  111. ikidDeeMarch 24 at 4:14 AM

    Thank you! To take out a long time..

  112. AnastaciaMay 11 at 6:18 PM

    Awesome! Tnx!

  113. EvaJune 7 at 11:35 PM

    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?

  114. UnknownJune 7 at 11:59 PM

    look for <body

  115. Prayag VermaJune 9 at 4:29 PM

    thanks a lot

  116. OskaaayJune 9 at 6:20 PM

    This works fine man. thans alot.

  117. AdminJune 12 at 7:27 PM

    i dont fing it

  118. free sample adminJuly 8 at 7:54 PM

    thanks..

  119. XeBii MjJuly 21 at 12:22 AM

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

  120. MangDe @Cara BloggerAugust 30 at 12:22 PM

    Thanx Brother.. it works for me

  121. ClaudiuSeptember 24 at 3:01 PM

    Thanks, working perfect :)

  122. Elal LasolaSeptember 27 at 11:10 AM

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

  123. GinaOctober 21 at 10:21 AM

    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

  124. kargaDecember 2 at 3:32 AM

    very good method

  125. TechmakerDecember 3 at 1:56 PM

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

  126. UnknownDecember 9 at 5:25 PM

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

  127. what-latestJanuary 11 at 3:01 AM

    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

  128. what-latestJanuary 13 at 2:46 AM

    Yhanks I did it...!!!

  129. AshoJanuary 28 at 11:34 AM

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

  130. 【Kishin ビート】February 16 at 7:19 AM

    i looooooovvvvvveeeeeeeee you!!!!!!!

  131. KathrineMarch 4 at 11:45 PM

    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.

  132. malinkayMarch 9 at 5:25 PM

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

  133. AnonymousMarch 20 at 1:45 PM

    it is not working

  134. UnknownMarch 29 at 1:38 AM

    she 's not hiden

  135. UnknownMarch 29 at 12:07 PM

    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.

    1. K. CruzApril 19 at 6:30 PM

      I am getting that same error

  136. AmitApril 3 at 7:52 PM

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

  137. wedding plannersApril 6 at 12:55 PM

    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

  138. AnonymousApril 21 at 11:15 PM

    I cant find < body > !!! please help!