Code To Hide Blogger Nav Bar And Have It Reappear When You Hover Over It.

read before adding it to your blog.

• If you already applied the hack ( How To remove or hide Blogger Navbar ) to your blog, please undo it before you start.
• This hack is compatible with all browsers but some times it’s not working correctly with some IE versions.
  And I added a hack for the code to make the navbar work normally in case of finding any IE bugs.

Adding the code to your blog.

Please log into your blogger account.
Now navigate to Layout >> Edit html >>

and find the following code :

]]></b:skin>

And Before it, add the next one :

#navbar-iframe {
  height:5px;
  }

/* IE7, IE8, IE6 */
  #navbar-iframe { height/*\**/: 30px\9; }

#navbar-iframe:hover {
  height:40px; !important; 
  }

Now click Save Template
And You Are done,

Demo.

please click here to see demo, If this hack is not supported with your browser try to see it in another browsers ( Firefox, Chrome, or opera) .
If you like this tutorial, please share and follow me.