How to Auto Hide Navbar Blogger Tamplates

Good afternoon Permaker meet again, this time alter the way blogs are still at the top of the blog navbar. In a previous article on How to Hide Navbar discuss how the Navigation Bar (Navbar) on Blogger, already read it? If not click here. If so, let's go .... yesterday Navbar hidden, now can be made auto hide navbar (Automatic hidden) so when krusor mouse at the top navbar will appear. How do I? follow these steps :

1. Log into your blogger.com account.
2. Sign Dashboard view the first page, click Layout, and then click Edit HTML link.
3. Then find the following code(tag Body { )


body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}


4. Type the following code in Thereon


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


5. The full code like this


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}


6. if you are finished click SAVE TEMPLATE
7. Access to your blog ....

Good luck...