It’s very easy to hide the blogger navbar (on the top of your blog),there are many ways to hidden it, but here is a very easy way, just add some css codes.

1. Log in to your blogger.
2. On your Blogger Dashboard, select the Layout section. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.
3. paste the CSS definition in the top of the template code
   ( /* Variable definitions):
   
   

   #navbar-iframe {
   display: none !important;
   }

   

4. Save Template. That’s over.