Friday, May 7, 2010

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

Free 7 Blogger free7 network twitter

1 comments:

Rianto said...

Thanks for tutorial.. this help me..

Post a Comment

Please leave your comments or your promotion links, but don't add HTML links into the comment body, because I consider it as a spam, and will be delete..

Thank you for your visit..