Oct 26, 2006

How to remove Blogger navbar?

Well the blogger navbar tool is what you see in the top any blogspot site something like the picture shown below.

blogger navbar

Many people don't wish to see it since the navbar may not match with their template or any reason. The use of navbar is not much in fact its mostly useless or used less. The blogger navbar can be used for searching within a blog, or for going to the next random blog or you can flag a site which I'm sure nobody ever uses. And the worst part of all it's not valid XHTML 1.0 Strict, the one reason why my blog is not XHTML 1.0 Strict yet :x

Remove blogger navbar

The following is a simple CSS solution for removing the blogger navbar. All you have to do is add the following piece of code to your template page in between the <head></head> tags

<!-- code to add -->
<style type="text/css">
#b-navbar{
height:0px;
visibility:hidden;
display:none;
}
</style>

Remove Blogger navbar from blogger beta

Once again you can use CSS to remove the blogger navbar in Blogger Beta blogs too. Just add the piece of code given below to your blogger template. This will work only if you are able to edit the template.

<!-- code to add -->
<style type="text/css">
#navbar-iframe
{
height:0px;
visibility:hidden;
display:none;
}
</style>

If you have any queries just leave a comment.

Technorati Tags: , , , , , , , , ,

41 comments:

  1. I'll give it a try. I have the beta version.

    ReplyDelete
  2. hey thanks yar.....
    i was searching for this only.

    ReplyDelete
  3. Hey Rakesh, for some reason, the code you have, does not work? Is there another code of some sort? help.....

    ReplyDelete
  4. in beta you should write

    #navbar-iframe

    and then it will work

    ReplyDelete
  5. thanks, thats really really useful. if others have tried it and failed, you need to find the right 'head' - as a novice this took me about 5 mins.
    very quick and easy, thanks again

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. it worked!

    I LOVE YOU RAKESH!!!!


    took me so long to find the right one...

    http://www.shaikhtaufiq.com

    ReplyDelete
  8. Please help!
    I tried everything but it doesn't work!
    Can you do it for me please Rakesh?
    My emails is klajdi2@gmail.com
    Thank you

    ReplyDelete
  9. After I switched from the old blogger to the beta version, I encountered the problem of the navbar blocking the title of my blog as I was not using the templates blogger provided.

    Stumbled upon this link which proved very helpful. Thanks!

    If you are using blogger beta, you need to change part of the code to

    #navbar-iframe

    for it to work.

    ReplyDelete
  10. take a look at this article How to hide blogger nav bar

    its based on the same CSS trick but the solution is better, i think

    i think its more usable than completely hiding the navigation

    ReplyDelete
  11. yeah!


    that worked like i dream for me!

    strongly suggested!!!

    here how to hide blogger menu!!!


    thanks for the tip!

    ReplyDelete
  12. Thanks man...
    Works great

    ReplyDelete
  13. 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/

    ReplyDelete
  14. hey, that works great but what if you want to edit the nav bar.
    Is it possible?

    ReplyDelete
  15. Yeah it worked! I've tried all other codes, but only this worked! Whew! Thanks much!

    ReplyDelete
  16. Hey thanx a lot

    ReplyDelete
  17. Thanks a lot I removed my nav bar. Check ebookdeal.blogspot.com

    ReplyDelete
  18. thanks for the tip!

    ReplyDelete
  19. thanks.

    http://asbestosresource.blogspot.com
    http://jewelry-auction.blogspot.com

    ReplyDelete
  20. Great Code Thanks! works great

    www.c4nn.blogspot.com

    Where Even The Bad News Is Good News
    -C4NN

    ReplyDelete
  21. Your code works like a charm..
    Great one.!

    ReplyDelete
  22. thank you so much for the code :)

    ReplyDelete
  23. yours was the only one that worked! Thanks!

    ReplyDelete
  24. thank you. it worked well

    ReplyDelete
  25. AnonymousJune 17, 2008

    thanks alot! :D
    really great! :Dhaha

    ReplyDelete
  26. Thanks for the tips rakesh.....it's work.thanks a lot for you expertise

    ReplyDelete
  27. OMGOSH, thanks SO much. it really helped :D

    ReplyDelete
  28. Thanks For Sharing!

    cheers,
    http://gel-pens.blogspot.com

    ReplyDelete
  29. thanx

    great blog

    really great

    here is my blog ( www.superdragonz.blogspot.com )

    again , thanx

    ReplyDelete
  30. AnonymousJuly 07, 2009

    The code is not working for me

    My blog is www.koushikhacktricks.blogspot.com

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

    ReplyDelete
  32. hey blogger was updated his version so plese tell me new

    ReplyDelete
  33. I have been visiting various blogs for my term papers writing research. I have found your blog to be quite useful. Keep updating your blog with valuable information... Regards

    ReplyDelete
  34. Thanks, I was just looking for this, thanks great stuff!!!!!!!!!!!! :-)))

    ReplyDelete
  35. very good info...by using this i have remove the navbar from www.mobwiki.in

    ReplyDelete