How to remove “Blogger Navbar”?

Many of blogger.com users do not like the existence of blogger Navbar (blogger navigation bar) so that most of them want to remove it. Actually, the navbar can be removed easily by adding CSS code, but need to know that removing the navbar is still debated among bloggers if it is a violation of TOS made by blogger. If you do not worry about it and want to remove the blogger navbar, below is the CSS code you can use to remove it.

Hide navbar

#navbar-iframe{display:none;height:0;visibility:hidden;}

Or you can use another method, i.e. auto hide navbar (the navbar can only appear when mouse over)

Auto Hide Navbar

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

Below is the way to install the CSS code

Login → Layout → Edit HTML
Then copy and paste the code above between the CSS code, and then end with a click on SAVE TEMPLATE. E.g. :

All General Problem :

1. How to install blogger template?
2. How to remove “Blogger Navbar”?
3. How to re-display the lost “Blogger Navbar”?
4. How to edit Menu on my new template?
5. May I remove the credit link of the template?