How to remove the nav bar in the new blogger interface

1. Go to blogger.com admin interface.
2. Click on Template
3. Click on Edit HTML
   
   
4. Click on Proceed
   
5. Find the spot just after the Template MetaData and just above the Variable Definitions comment. This is where you will add the CSS code. Make a local copy of the existing html code as backup in case you screw up!
   
   
6. Copy the text below and paste it in the spot.
   

   #navbar-iframe{display:none !important}

7. Now your template's HTML should look like this....
   
   
8. Click on Save Template button and you are  done! Close the opened window and view your awesome blog.

Original source :http://www.youtube.com/watch?v=hCPaClUZRwI