all of blogger blogs have a horizontal navigation bar on the top part
in all blog pages.a lot of people
wanna know how to remove it.

we’ll tell you the best way to remove or hide the navbar from your blog

there is more than one way to remove it.

- The best solution

Copy the next code

- Before We Start: - You need to be careful while changing your template. - Before you make any changes, Back up your template and save it at safe place.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none   }

then log into your blogger account.
you are now at Dashboard page. click on Layout link. and select Edit HTML .

search for

in internet explorer of fire fox press [  Ctrl+F ] . copy and past the next code in the searching form :

<b:skin><![CDATA

and hit enter or [ search ] when you fine it Past the above code just after it.

for more explanation  See The Image Blew.

If you facing any problems please leave a comment and we'll solve it for you.

By Max

I'm Max, The founder and the admin of AllBlogTools.com I'm a very big van of blogging ,design and coding, I think that i'll die next to my computer.

No related posts found

• 31 responses so far!
•      storm-shopping ( 1:45 AM on 9/12/08 )

  Wow :s.12.s: .. Nice way
  Thanks

•      admin ( 8:16 PM on 9/12/08 )

  thanks storm-shopping for your comment

•      ၾကယ္စင္က ( 5:17 AM on 2/1/09 )

  A nice one …..

  i have done successfully !!! Yahoooooo !!1

•      wastrox ( 11:30 AM on 2/2/09 )

  done….thanks man!!!

•      trifo13@yahoo.com ( 2:13 AM on 2/5/09 )

  VERY USEFUL! THANK YOU!

•      df ( 2:06 PM on 2/20/09 )

  I use it but my text colour is change ? Why I use grey but when see my blog page my text coluor black. How can I restore it?

•      Max ( 8:35 AM on 2/22/09 )

  hi df
  there is NO way that this code can affect your blogger template fonts colors,
  you can fix it by going to
  Blogger account >>> Layout >>> Colors, and you can change colors as you like,

•      Anam ( 3:10 PM on 2/23/09 )

  Well i did it but now this appears rite atthe top #navbar-iframe { height:0px; visibility:hidden; display:none }
  how do i remove this?:S

•      Sucre d'Orge ( 10:48 AM on 2/24/09 )

  It doesn’t work on my blog ! lol

•      bonggamom ( 2:14 PM on 3/4/09 )

  Thanks, my blog looks so much purtier now

•      bupkisss ( 3:59 PM on 3/21/09 )

  Here’s the thing though – Bloggers Terms & Conditions say that you can only remove it if you’re publishing by ftp on your own server.

  If not, they’ll take it down… like they did to my first blog!

•      liquidsilver ( 6:16 AM on 4/13/09 )

  Nice trick, but I only want it to be hidden, not completely removed. I mean if I scroll the top page, the Nav bar would appear instead of totally hidden.

•      chai ( 10:10 PM on 5/12/09 )

  its not working.

•      Max ( 1:33 PM on 5/14/09 )

  hi chai
  this trick works with all.
  what template do you use.

•      akosieinjel ( 3:37 AM on 7/10/09 )

  it was nice but., my background was lost.. it turned to white.. it was black before i edited it..

•      Bonbon ( 12:44 AM on 7/18/09 )

  You rock man!!…great great!!…it was so simple..n it worked!!

•      Ehtesham ( 10:51 AM on 7/24/09 )

  its a good thing i tried it on my test blog, it messed up my template

•      Ehtesham ( 9:44 AM on 8/13/09 )

  YAY! It worked! This time i took the risk XD! ALLBLOGTOOLS.COM RULES!
  ~Ehtesham~

•      Ian MacGregor ( 6:11 PM on 8/18/09 )

  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

•      Max ( 5:15 PM on 8/19/09 )

  Thanks very much Ian MacGregor.

•      Code To Hide Blogger Nav Bar And Have It Reappear When You Hover Over It. | Blogger Templates and Tricks ( 9:45 PM on 11/30/09 )

  [...] you already applied the hack ( How To remove or hide Blogger Navbar ) to your blog, please undo it before you [...]

•      How To Hide Blogger Navigation Bar And Have It Reappear When Hover Over It | Tech STOP – Brain Burns ( 4:31 PM on 12/2/09 )

  [...] you already applied the hack ( How To remove or hide Blogger Navbar ) to your blog, please undo it before you [...]

•      Frank Freddy ( 5:07 AM on 12/19/09 )

  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/

•      jen ( 12:50 AM on 1/19/10 )

  Hey THANKS!!!!!! <3333
  And great with picture of exactly where and after wich mark to paste it!

•      roedz ( 11:52 PM on 2/11/10 )

  Done !! thanks mate

•      Max ( 7:46 AM on 2/12/10 )

  @ jen, roedz thanks, u r welcome.

  @ Frank Freddy, thanks for the video, some people love to read and apply and some love to watch and apply, now we can satisfy the both.

•      millionaire secrets ( 1:19 AM on 3/17/10 )

  thanks for you it’s very cool

•      كتب تنمية بشرية مجانية ( 4:37 AM on 4/14/10 )

  thank you so much cool and god job

•      Naruto Manga Spoilers ( 11:33 AM on 5/4/10 )

  Nice one. but I only want it to be hidden, not completely removed. I mean if I scroll the top page, the Nav bar would appear instead of totally hidden.

•      Max ( 7:47 AM on 5/7/10 )

  hi naruto, there is another tutorial here that help you to do what you said,
  Code To Hide Blogger Nav Bar And Have It Reappear When You Hover Over It.

•      docreport ( 9:58 AM on 6/14/10 )

  I switched over to the new Blogger Designer templates and was having a problem trying to remove the nav bar with some code I had used successfully before. Tried your method and bang, gone!