How to Hide Blogger Navbar

This is my first Post in new blog. People always searching on google just want to know how to hide their blogger navbar. It's simple and easy since lot of tutorial has been posted on the lot of blog. Here i'll show you on how to hide your bloger navbar. There are 2 ways to do this. Okay let's we start :

Step by Step :

Part 1 : How To Hide your blogger navbar.

1. Find the code below in your template.

<b:skin><![CDATA[/*

2. Now add script after the following code.

/* CSS to hid navigation bar */

#navbar {
height:10px;
visibility:hidden;
display:none;
}

3. Then The last your code will be look like this one

<b:skin><![CDATA[/*
/* CSS to hid navigation bar */

#navbar {
height:10px;
visibility:hidden;
display:none;
}

Save it and it's working.

Part 2. How to auto hide Your Blogger Navbar.
This trick allow you to make your blogger navbar auto hide. If your visitor put their mouse in the header of your blog then your navbar will automatically appear and if they move to another position then the navbar will be disappear too. Very good isn't it?

1. Find your body { code in your template and add the script below before body { code.

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

2. Okay now save it and done.

Happy blogging my friends.

Spread this article to the world