How to remove the navbar on blogger blogspot blog

Most of us will agree that the blogger navbar makes blogger sites look quite unprofessional. The more professional you want your site to look the more you will likely want to remove the navbar from the header of your blogger BlogSpot blog.
So I am going to teach you in a very simple manner how you can hide the navbar. I see a lot of beginners asking how they can remove the navbar from their sites always, so I decided to write it in a very simple and easy-to-understand manner for them, so I am going to skip explaining the importance of the navbar since want to hide it from our site.

STEPS TO REMOVE THE NAVBAR ON YOUR BLOGGER BLOG:
First login to blogger www.blogger.com , then navigate to Layout, choose edit html . Next find the template credit section, insert the code below directly below the template credit as shown in the image below.
#navbar {
height: 0px;
visibility: hidden;
display: none;
}