How To Remove Blogger Navbar

Blogger’s navbar is horizontal navigation bar located on the top of your Blogger blog, which contains some quick links. Most of Blogger users don’t wanna see the navigation bar on their blogger template due to obvious reasons. In this tutorials, I’ll show you how to remove Blogger navbar from your blog.

There are two ways to remove the navbar from your Blogger blog. You can remove it manually from the layout widgets or by adding a CSS code to your Blogger template.

From Blog Template

Go to your Dashboard > Template, click on Edit HTML button. Add following code above the ]]></b:skin> tag of your template:

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

From Layout Widgets

Blogger now also offers to hide the navbar right from their navbar widget in the layout section of Blogger blog’s admin panel. Go to your Dashboard > Layout, and navigate to Navbar widget and click on Edit.

Now, a pop-up will appear with the colors schemes for your navbar, and there is an option to Off the navbar. Choose the Off option and click on Save button to remove the navbar widget from your Blogger.