How to Remove or hide blogger navbar

One of the first think a blogger must do when he create a blog is to customize or hide navbar. In previews post we discuss on how we can remove powered by blogger  and today i am going to teach you how to remove navbar from blogger blogs.
Before two years it was very difficult to remove this bar but now blogger did it very simple for us.

First think you have to do is to go to layout and find the navbar gadget.
hide blogger navbar


Now click edit on it. Now you should scroll down and disable navbar by selecting off.

remove navbar

Click save and you are done. Now everything is completed but if you don't want to completely remove it follow bellow steps to just hide it.in the left corner of you blog.

Go to template and click on customize.

hide blogger navbar

In advanced tab click on add css and paste bellow code

hide blogger navbar

#navbar {width: 36px;border-top: 1px solid #888888;border-right: 5px solid #888888;position: fixed;top: 0px;left: -6px;background: #fe6602;border-radius : 0 5px 5px 0;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;
-moz-transition-delay: 1.3s;-ms-transition-delay: 1.3s;-o-transition-delay: 1.3s;-webkit-transition-delay: 1.3s;transition-delay: 2.5s;
z-index: 10;}
#navbar:hover {width: 96%;
-moz-transition: all 0.6s linear;-ms-transition: all 0.6s linear;-o-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;transition: all 0.6s linear;
}

hit enter and apply to blog.
hide blogger navbar


see this demo to understand what we have done. I hope you like it cheers.