How to remove Blogger Navbar in your Blogger blog

First, log into your Dashboard, go to Layout | Edit HTML. Just add the following lines anywhere in your Blogger template (enclosed by <style> tags)

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

Preview the template. You will notice that the Navbar is no longer displayed.