Auto Hide Navbar Blogspot

What is meant Auto Hide Navbar here is the navbar congenital of Blogspot posted in every blog on blogspot.com with congenital standard template.

The function of this navbar to facilitate other bloggers to participate, share, reported abuse of the use of blogs (e.g. porn blogs, blogs that contain elements of rough, making a obscene, etc.) and search for the next blog, this means blog walking is recommended by Google.

Some of the blogs that we find by using a blog template from third parties, some of which remove congenital Blogger Navbar.

In my opinion, it’s better navbar template should not be removed from the blog because it allows users (blog owner) to sign (enter) set up or edit a blog layout.
In addition, in order to not break Blogger TOS, so it will be loved by Google and easily indexed by Google search engine.

In this tutorial we won’t remove Navbar, but we will hide it (make it transparent).
Here's how to make the Auto Hide Navbar:

• Login to your Blogger account. Go to Dashboard > Layout > Edit Html
• Find the following code:

body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}

Put the following code above that code:

# Navbar-iframe {opacity: 0.0; filter: alpha (Opacity = 0)}

# Navbar-iframe: hover {opacity: 1.0; filter: alpha (Opacity = 100, FinishedOpacity = 100)}
Well, the code will be like this:
# Navbar-iframe {opacity: 0.0; filter: alpha (Opacity = 0)}

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

body {
font: 100% Arial, Helvetica;
background: # 000000;
color: # 333;
}