How to remove / hide / delete navbar from blog ?

Many people makes free blog from blogger.com and a lot of them face the problem of navbar which creates unbeauty in their templates. So I have decided to show them the methods of removing navbar from blog. The main purpose of removing navbar from blog is that the templates look more professional and beautiful without it as well as it gives more space to your header in the template. I am providing you two different method to remove navbar from your blog so read them carefully to hide navbar from blog.

Method  1

Want to remove navbar from blog follow these setups?

Loggin to your account and go to your dashboard.

Go to template >> Edit HTML

With in your template search   ]]></b:skin> by using short key ( Ctrl + F) and paste the following code above it

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

Now preview the template hope that the navbar would be removed from your blog if it is removed then save it. 

Method 2

Loggin to your blogger account and go to dashboard

Go to layout  >> click on the edit link of the navbar, turn it off and save it.

How to remove / hide / delete navbar from blog ? 

How to change navbar position in blogger layout if it is locked?

Go to Dashboard >> template  >> Edit HTML

Now search a tag by using  (Crtl + F)

<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/> 

And replace the tag with below one

<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>

Now save the template and go to layout now you can move navbar from one position to another.