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

Follow these steps:

First of all log into your blogger account.


Now click on drop down menu and then click on "Template".

Click on "Edit HTML"

Now find the following code by pressing "CTRL+F"

]]>

And Before this code, add the next code, given below

#navbar-iframe {
  height:5px;
  }

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


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

Now Click on "Save Template"
And you are done.


If  you have any confusion, Comment Here.