Remove Blogger Navbar (Blogspot navigation bar)

A lot of you may want to know How to Hide, Disable or Remove Blogger Blogspot NavBar, just like remove the blogger footer links (blogspot foot Links Attribution)-How To Remove Blogger (Blogspot) Footer Links Attribution.
In fact, it is easy to hidden or remove the ugly blogger navigation menu.
Now I will teach you how to delete remove blogger navbar menu.

1. First of all, On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

2. Paste this CSS definition in the top of the template code:

<b:skin><![CDATA[/*
———————————————–
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
———————————————– */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================
<Variable name=”mainBgColor” description=”Main Background Color”
type=”color” default=”#fff” value=”#ffffff”>

3. Save.

You may also want to delete the blogger (blogspot) footer links, as you know, when the blogger updated their templates, a lot links have added in the footer section, here is a guide on how to remove the blogger foot links