Blogger Tutorial Tips: Remove Blogger Navbar Using Gadget

Looking for a tutorial to remove blogger navbar using a Blogger gadget? Then this tutorial is for you. Be ready to get your hands dirty with your blogger template.

First, let us define what blogger navbar is. Blogger Navbar is displayed at the top of your blogger blog by default. It offers eight features, and these include:

1. B logo: this is the Blogger logo which takes you to www.blogger.com if you click on it.
2. Search Blog: this gives you the opportunity to search within your blog or the blog you're visiting. Search results will be displayed on the current page.
3. Flag Blog: this allows you to flag or report the current blog you're viewing as inappropriate.
4. Share: this allows you to share your articles to different social networks.
5. NextBlog: this gives you a Blogger blog that is recently updated.
6. Email address: your email address will be shown if you are currently logged in to your Google or Blogger account. Other blog visitors or readers will see their own email addresses, or if they are not logged in, they won't see their email address on the Blogger Navbar.
7. Dashboard: this takes you to your Blogger dashboard if you're logged in.
8. Sign In/Out: this gives you appropriate action, whether you want to log in or log out of your Google or Blogger account.

The Blogger Navbar is displayed on all blogs that are hosted by Google Blogger (BlogSpot). It can also be hidden or disabled for bloggers who publish using FTP. It has different colors to choose from, you can access it on the Template tab in your Blogger account. If your blog uses a classic template, there's a menu that lets you choose a color for your Navbar. But if you're using Layouts, just go to your Blogger dashboard > Design > Page Element, then click on the edit link you see on the Navbar.

How to Remove Blogger Navbar Using Gadget
Before anything else, you should remember that hiding or removing the Blogger Navbar on your blog might violate the Blogger terms of services. If you really want to continue, then follow the steps provided below.

1. Sign in to your Blogger account.
2. On your Blogger dashboard, click on the Design link.
3. Click on the Page Elements link.
4. Click on any Add a Gadget link you see on the page.
5. A new window will pop out and will display a selection of Blogger gadgets.
6. Look for HTML/JavaScript on the list of Blogger gadgets.
7. Click on the plus sign (+) button next to it.
8. You will be taken to the HTML/JavaScript page.
9. Copy this code:

<style type="text/css">
#navbar-iframe {
display: none;
height: 0;
visibility: hidden;
}
</style>

10. Paste it on the HTML/JavaScript textbox.
11. Click the Save button.

This will hide or remove the Blogger Navbar on top of your blog. To see if it works for you, visit your blog and check if the navbar is no longer displayed. That's all there is to remove blogger navbar using the HTML/JavaScript gadget.

Do you find the this tutorial useful? Let us know what you think by adding your comment below. Add your questions below if you need some help. We'd love to hear from you.