Hide Navbar on blogspot

There is usually a default view blogger navbar at the top of the header that allows us to 'sign in' or go to the page 'settings', etc.. However, some of us have less to like the look of this navbar. Here's how to hide your navbar in blogspot.
The steps are as follows:
Please log in to blogger you first
On the dashboard page layout, or select the layout, select Edit HTML on the Edit Templates do not forget do not forget to check the Expand Widget Templates.
Then paste the following css code at the top of your template precisely under the info from the skins used.
# Navbar-iframe (
display: none! Important;
)
When you're finished, do not forget to save your changes. If at any time you want to display the navbar again, then deleted it stayed above code.
for this kind of tutorials you can visit here: BLOG