How to remove the Navbar in Blogger or Blogspot?

To hide the Blogger Navbar :

1- Log in to blogger

2- On your Dashboard, select Layout on your favorite blog. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see your blog's HTML code.

3- Copy the code below:

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

4 - Paste it before this code below:

/* Variable definitions
====================
...

Note: After doing it so, your code should look like this:

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

/* Variable definitions
====================
...