Blogging Today
After learn Make Navbar Auto Hide then we continue to create the Transparent Navbar.
Follow the step :

  1. Login to Blogger.com

  2. Click Layout

  3. Click Edit HTML → Previous first backup your template by clicking on your property Download Template Lengkap.Supaya when the error occurred can be started again.

  4. Click Expand Widget TemplateBlogging Today
  5. Copy Paste code below:

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

    Above code ]]></b:skin>

  6. Save Template.

The result so when the mouse pointer is not directed to the top of the blog for you, the menu navbar akan transparent, and vice versa if the light is directed akan happens