Make Auto Hide Navbar Blogger (Blogspot)

AutoHide Navigation Bar (NavBar) is For example look at free7 blogger here , Follow these steps:

1. Login to your blogger dashboard -> Edit HTML
2. Place the code below before ]]></b:skin>
   #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
   #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

For example :

<b:skin><![CDATA[/*
=======================================
Blogger Template
Design: Iwan Rachmanto
url :http://free-7.blogspot.com - www.free-7.net

=======================================
*/
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

body {
background: #FFFFFF;
width: 990px;
color: #000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

Related : How to Hide navbar blogger