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

hi all, few days ago, one of my visitors asked my about how to hide the blogger navbar and make it appear when hovering it.
actually i liked the idea and i thought it would be great to make it. so i’m here today to tell you how, it’s very easy and it’s one step process and it’s all done by tweaking blogger navbar code.

Please 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,