Hiding Navigation Bar in Blogger

Hosting your blog site with free hosting like blogger must consider the TOS (Terms of Service), Agreement and Terms of Condition of the said host. Most of blogger templates have navigation bar in default because Blogger has started advertisement above the navbar on a random basis. Please see the screenshot.

This navigation bar looks OK if you were using a blogname.blogspot.com as a domain because it is obvious that you’re using blogger. There are various ways to do that yet using is CSS to make it is simple.

Here is my interpretation:

1. Sign in to your blogger account.

2. Go to LAYOUT > EDIT HTML to open the template editor.

3. Look for and paste the following after that:

div.navbar {
opacity:0.0;
display:none;
}

4.Save your template and hoola its done.