How to Remove the Blogger Navbar

This is the blogger navbar:



and there are several reasons why some bloggers (including me) would prefer to remove the navbar and prevent it from showing in blogger blogs. So here is the trick on how to remove the blogger navigation bar:

1. Go to Edit Html (under templates)


2. and insert this anywhere in the template:

#navbar #Navbar1 iframe{
display:none;
visibility:none;
}

Thanks to apnerve.blogspot for the hack.