How to remove the blogger bar on the top ?

REMOVE BLOGGER BAR ON THE TOP
I personally don't like the blogger bar at the top of blogger templates .Its good as well as bad .Its good because it provides a search box to search my blog .And bad because it gives an option to flag my blog for objectionable content which I guess you wont like if you blog about some "objectionable content" ;) .But Moreover who needs their search bar when you get cool google search box to search your site .

So how do you remove it ? .Heres a small piece of CSS code which will do the job .Go to
Layout
Edit HTML
Before doing any changes always copy the html code and save it in a text file in your PC .So that
if you mess up something you can always copy paste the code and get back your original template .Or you can download the templete in XML format as a backup .
Paste the following code inside the head tag inbetween the outer-wrapper and header-wrapper definitions

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

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

<>

#outer-wrapper {
font: $bodyFont;
}
/* Header
----------------------------------------------- */
copy paste the above code exactly here
here goes the code
#b-navbar
{
height: 0px;
visibility: hidden;
display: none;}

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

#header-wrapper {
margin:0;
padding: 0;

< / head>
Preview to see if the bar has disappeared and then save the template and view your blog the blogger bar must have disappeared .