How to remove that blogger bar at the top?

I have to say I don't like that blogger bar at the top of the page. Although some people say for functionality sake we should leave it there. I say REMOVE IT. Alright, here's how you get rid of it.

From your blogger dashboard, goto Layout>Template>Edit HTML . Now look for the code : #header-wrapper .

Then just paste this code right above that:

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

Aren't you relieved that the ugly bar is gone now? If you need help on this, just drop me a comment and I'll try to guide you.