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

Find help info instructions re: blog & Blogger.com

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;
}

Peter Chen's nice graphic signature

24 comments:

Mr. X said...

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

Kitt said...

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!

lux said...

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

Peter @ Enviroman said...

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.

Marinakvalvik said...

Thank you! :)

Jayarathina Madharasan said...

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

MrBeo said...

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

{the sassy mom} said...

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

אלמנדין said...

Thanks!!

Susie said...

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

Administrator said...

Thanks man, this is awesome :)

elie said...

WOW!

അയ്യൊ..പാവം..ഞാ‍ന്‍..! said...

thx man...its very nice

Aalcoholic said...

worked done in no time THANK YOU

muzakir007 said...

thanx a lot

Students said...

awesome

yun-jin said...

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

Hezbollah And Andrea Sites. said...

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.

Bennyboymothman said...

Thanks, its great.

Dena said...

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

Peter @ Enviroman said...

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.

CHICAGO PHOTOGRAPHER said...

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.

india said...

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

Peter @ Enviroman said...

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.