itis123: Navbar : How to hide or change the color of navbar?

By default, the Blogger Navbar is appeared at the top of every Blogger-powered blog. Several features such as "Search Blog" , "Flag Blog", "Dashboard" etc. are presented through Navbar. You may keep it on your blog or disable it on your blog. This page will provide everything related to Navbar.

No technical knowledge is required except reading this page.
[But, Before doing any change, don't forget to backup your blog. To learn more about backup, just click here]

This tutorial will cover the following things:

Part A: What is Navbar?
Part B: Features of Navbar.
Part C: Why do you need to disable Navbar?
Part D: How to change Navbar color?
Part E: How to Disable Navebar?

Part A: What is Navbar?

Simply, a Navbar appears at the top of every Blogger-powered blog by default. Sometimes it may be a great thing for your blog but somethime may effect your blog's outlooking. A typical Navbar looks like the following:

Navbar outlook when not signed in

Part B: Features of Navbar:

[B]: it will redirected you www.blogspot.com or www.blogger.com
Search Blog: is used for searching. The search result will be viewable that page directly.
Flag Blog: is used to mark the current blog as objectionable.
NextBlog: will take you to any random blog. Generally, it takes you the recently-updated Blogger blog.
[e-mail address]: It you are logged in to your Blog account, you can see your own address. Otherewise, you will will not see your email address.

Navbar outlook when signed in

Dashboard: When you are logged in, by clicking here, you will be taken to your dashboard.
Sign In/Out: If you are in signed in, you will see "Sign Out". Otherwise, you will see "Sign In".

Part C: Why do you need to disable Navbar?

If you like to customized your blog's design, Navbar generally doesn't fit in. So, it doesn't look good. So, it's good to disable Navbar such type of cases.

Part D: How to change Navebar color?

3 steps solution

Step 1: Login to your blogger account and go to "Dashboard" and then to "Layout".

Blog's Navgar customization

Step 2: From "Layout", click on "Edit" in the Navbar box.

Blog's Navgar customization

Step 3: Now you will see a new window opens with 4 different colors. Pick anyone form that and click "Save" to save it.

Blog's Navgar customization

And all the three steps are enough to change your Blog's Navbar color.

Part E: How to Disable Navebar?

3 steps solution

Step 1: After logged in to www.blogger.com, go to "Dashboard", then "Layout", then "Edit HTML" and check "Expand Widget Templates".

How to hide navbar: Step 01

Step 2: Find out the following codes. [This code doen't match to all. But every template has similar type of codes. This code just gives template description and it has no effect.]

How to hide navbar: Step 02
[the above picture is taken form the default template of minma]

Step 3: Now, copy the following code and put them just after that code. And must click on "SAVE TEMPLATE". Otherwise, you have to do it again.

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