How To Remove Blogger Navbar

how to remove blogger navbar

Blogger template comes with navbar which can be useful because you can place useful link like your contact form, about us, privacy policy and so on.

Navigation bar helps your visitor to find relevant pages on your blog easily and increase your blog page view and reduce the bounce rate.

Blogger navigation bar is a horizontal navigation bar that can be found in the header of your blog, depending on your blog design, the navigation bar can be found in the left-hand side or right-hand side. In this tutorial, I will show how to remove your blogger navbar.

There are two ways that you can use to remove your blogger navigation bar, the method you choose depends on your coding skill and preference.

  1. Blog template

This involves the use of adding code to your blog template. If you don’t know how to add code to your blog template, you can choose the second method of removing blogger navigation bar.

  1. Blog Template

Log in to your blogger account and navigate to your blog template. Click on edit button and just above the ]]></b:skin>: Add the following code to your blog template

#navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}

Click Save to save your theme and you can check out your blog to show if the blog navbar is visible or not.

  • From Layout

Blogger makes it easier for blogger to remove the navbar from your blog from the layout section.

  • Go to your dashboard>layout> NavBar and click on edit button.
  • A pop up appears which shows you if you want to change the color of your navbar.
  • Click the Off button and click on the save button the save your work.
  • Open your blog to check if the navbar is visible or not.

If you have any problem, removing your blogger navbar from your blog, you can let us know in the comment section below.

One comment

  1. I like that you included a bit of CSS for bloggers who don’t know coding (which is most of us). And I love how open you are to helping people in the comments section.

Leave a Reply

Your email address will not be published. Required fields are marked *