How to Remove Blogger Navbar?

Home

[Wednesday, January 07, 2009 | 0 comments ]

My friend ask a question in writing through the Shoutbox. He asks how to remove the Blogger Navbar, and this time I will try to explain.

What is the Blogger Navbar? Blogger Navbar is a small frame that located at the top of the blog. This frame work to log into blogger, or can also as a way to see a blog or another can also to mark the blog had violated TOS blogger blog as containing elements of pornography to be reported to blogger.

Whether we can remove the Blogger Navbar? If so then the answer is “yes”, but, please read the first blogger TOS carefully, because the risk will be very heavy. The account will be closed and you will lose your lovely blog. Fair chilling?

Indeed some time ago, news spread that there have been a party to ask whether the blogger can remove blogger navbar or not? and he said that for now on they allows the blogger to remove the navbar, but i dint’t sure whether the news is true or not. Always carefully read the TOS.

Still insist to eliminate blogger navbar? If so, but the risk in the responsibilities of each of you, I am not responsible in the future if something happens with your blog.

To hide blogger navbar, you have to understand this CSS style sheet:

/* hide navbar / *
----------------------------- */ ----------------------------- * /
#navbar-iframe { # navbar-iframe (
height:0px; height: 0px;
visibility:hidden; visibility: hidden;
display:none display: none
} )

Or can also put the following code under the code exactly below <body> tag:

Its up to you. Both have the same functionality. Still confused by code above? Please follow the following steps:

For a classic template

Sign in at blogger
Click the Template
Click the Edit HTML
Copy the entire code and save in the computer as a backup data to secure the original templates code.
Copy and paste the following code before </style> tag:
/* hide navbar/ *
----------------------------- */ ----------------------------- * /
#navbar-iframe { # navbar-iframe (
height:0px; height: 0px;
visibility:hidden; visibility: hidden;
display:none display: none
} )
Click the Save Template Changes
Done.

For a new template

Sign in to blogger
Click the Layout
Click the Edit HTML
Click the link titled Download templates all, please save it for the first backup.
Copy and paste the following code before ]]></b:skin>
/* hide navbar / *
----------------------------- */ ----------------------------- * /
#navbar-iframe { # navbar-iframe (
height:0px; height: 0px;
visibility:hidden; visibility: hidden;
display:none display: none
} )
Click the Save Template
Done.