Auto Hide Blogger Navbar

The Auto hide tutorials works when visitors mouse over to the top of the original navbar then the navbar will appear and if visitor move the mouse down (not in the navbar area) then automatically navbar will disappear.
On the Edit HTML page, look for the code body {
then put code below above this body { code

body {

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