Saturday, October 25, 2008

Hide navbar for New Blogger

Blogger has started advertisement above the navbar (the usually blue navigation bar at the very top of a blog) on a random basis (now you see it, now you don't) and this has taken valuable space. See screen shot below:

advertisement above Blogger navbar

Since that is taking valuable real estate plus the fact the the Blogger TOS (Terms of Service) did not specify that one must have it for the blog, I have decided to hide the navbar.

There are various ways to do that, not all of them effective. I have found that the hack by Aditya to be effective.

Aditya's hack is simple. Here is my interpretation of his hack: Go to LAYOUT > EDIT HTML to open the template editor. Look for <b:skin> and paste the following after that:

/* By Aditya http://the-lastword.blogspot.com/
----------------------------------------------- */
div.navbar {
opacity:0.0;
display:none;
}

Related posts:
Simple adjustable way to hide navbar
How to hide navbar for New Blogger (xml template

40 comments:

  1. it also helps to get rid people from flagging your blog.. \(^.^)/

    ReplyDelete
  2. That's good to know! I haven't seen those ads yet but if I start seeing them on my blog I'll use this trick. Thanks!

    ReplyDelete
  3. Thank you very much. Done in 20 seconds! Now the TopBar is hidden.
    I've a question. I want put Java SOURCE Code in the post. Is there a tool to put Source Code of Java?
    Example (without format):
    try
    {
    String myString = "Hi!"
    etc.etc.
    }
    example (with format):
    try
    {
    String myStr = "Hi"
    etc.etc.
    }
    Ohhh! The comments do not accept the space at start of the row!!!
    Thanks

    ReplyDelete
  4. Blogger post editor will not accept Javascript. The nearest thing you can do is to add a gadget in the main column and put a HTML/Javascript gadget above your posts. It will appear in all pages.

    ReplyDelete
  5. Thanks a lot. It helped me... I was trying to do it for quite a long time... Thanks again...

    ReplyDelete
  6. Hi Peter,

    We could remove the NavBar with a simple code. Please refer my latest post at www.themondey.info

    Dinh Trung
    http://www.themondey.info

    ReplyDelete
  7. That worked great, I've been wanting to get that off my blog for a while.

    ReplyDelete
  8. thanks for this, I've been streamlining my blog and this was the finishing touch :)

    ReplyDelete
  9. Thanks man, this is awesome :)

    ReplyDelete
  10. worked done in no time THANK YOU

    ReplyDelete
  11. thank you for the tips!! no more worrying about people flagging my blog out of hate~

    ReplyDelete
  12. Thank you very much for this very useful info. I have hidden the navigation bar from all of my blogs.And I must say the appearence is much better without it.You may like to know that Blogger has a new gadget a google search box that searches my blog and the web.I have put this in my side bar and I think it looks much nicer than the old navigaton bar did.I recomend this as an alternative to the navi bar.Andrea.

    ReplyDelete
  13. Thanks for the code to remove the nav bar on my blog, I have been wanting this removed for some time; my only question as a result of this is how to you sign back in to the blog so you can post or change your blog info, layout, etc.? Thanks for the reply. dp

    ReplyDelete
  14. If you have quick edit, you can click on the quick edit icon to get to the post editor which will have various tabs such as new post, settings, layout, etc. which you can click to get to where you want.

    ReplyDelete
  15. hide nav bar workaround is terrific-- blog looks much more professional without it

    but of course without a navbar on the actual blog the author needs to sign in by going to main blogspot site.

    ReplyDelete
  16. It works in a wrong way? the background color also changed.Not able to revert back to original color.How to make it change.

    ReplyDelete
  17. Looks like I will have to update the post to include reminder to backup template and backup gadgets (those that can be backed up). If you have done that, then what needs to be done would probably be to reload your template.

    ReplyDelete
  18. Thanks Mr. Peter. I've been trying to do that for a long time.

    It was so easy to implement. My blog now look more professional.

    Once again, Thanks.

    Prince

    ReplyDelete
  19. I don't know ... but it didnot work for me... and Then I tried following which worked on my blog:
    < style type='text / css' >
    #navbar-iframe {
    display: none;
    }
    < / style >

    ReplyDelete
  20. I have more than 1 post on hiding navbar. Try using my custom search box to search or to save you the trouble go to simple adjustable way to hide navbar or how to hide navbar for New Blogger (xml template) (not sure if same as this post or not)

    ReplyDelete
  21. First i want to say thank to you. Your blog is very rich content.

    By the way i have one question:
    "how to make submenu in blogspot?"

    thanks again.

    ReplyDelete
  22. Sorry what you mean by sub-menu? Maybe you want a horizontal menu bar like the above just below the Header?

    |Home|ContactMe|ForDummies|Twitter|PrivacyPolicy|

    Is so refer to how to make simple horizontal menu bar

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

    ReplyDelete
  24. It doesn't work me.. >.<

    ReplyDelete
  25. Hi Olivia,

    Try this alternative - simple adjustable way to hide navbar. If you still have problems contact me via my contact form

    ReplyDelete
  26. Hi Olivia,

    Try this alternative - simple adjustable way to hide navbar. If you still have problems contact me via my contact form

    ReplyDelete
  27. wow, it really works! thank you :D

    ReplyDelete
  28. thank you! it is helpfull

    ReplyDelete
  29. Is removing/hiding navbar can violate the blogger (terms & condition)? Please help me!!!

    ReplyDelete
  30. How to change the text of " powered by blogger "
    as well as the " templete by "

    ReplyDelete
  31. Check Blogger TOS (Terms of Service) and confirm for yourself that there is no specific reference to the navbar.

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics