How To Remove Blogger Navbar?

I don't like the blogger bar across the top of my Web site because it didn’t really go with my template and I already had a Google search bar integrated. So I went on a mission to remove it and de-bloggerify my blog. I searched far and wide and for some reason kept hitting a dead end. It turns out that the code used to change the old blogger templates no longer works! So after tracking down the CSS changes here is how I did it:

Goto Blogger Template>Edit Html ....

Put the following code as the picture below...

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