How to Remove or Hide the Navigation Bar in Blogger

How to Remove or Hide the Navigation Bar in Blogger

Now that you already setup your blog in Blogger and have already selected the niche of your blog, you are then going to add contents to your blog.
You will realize that your blog layout needs some tweak to look according to your preference. Most tweak in blogger templates are easy that it doesn’t even require you to learn programming. As long you can follow the instructions, you are good to go.

Nav-Bar in Blogger

Blogger templates come with a default Navigation Bar (NavBar) at the top of the page. It provides you to easily share the blog, report abuse, sign-in to Blogger, create a blog, etc. But sometimes your layout doesn’t look good because of this navigation bar. It can be hidden actually, and it’s not against the term of service or TOS.

To remove the Nav-Bar, just follow this simple instruction.

1. Login to your Blogger dashboard, select Layout, and then click Edit HTML.
2. Always backup your template before making any changes. You can do that by clicking the Download Full Template link under Edit HTML tab.

3. Now find this code in the template: </b:skin>
4. Just before that code, insert the following code:

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

The code will then look like this in your template:

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

</b:skin>

5. Try to preview the template. If the Nav-Bar is already hidden, save the template.
You are done!

Tomorrow, I’ll talk about how to show unique post title in Blogger- an on-site SEO in Blogger. Don’t miss that post… [Update: Make Blogger Post Title Unique]

If you are new here, you can subscribe either by E-mail or by RSS Feeds. Follow me also on Twitter.

Bert Padilla

Founding-Editor of Cebu Tech Blogger where he shares insights in eCommerce, Digital Marketing, Ad Ops, Tech, Startups, Technopreneurship, Life Goals and Hacks. He's the brainchild and ninja of a Cebu-based digital agency, TekWorx.Digital, with ventures TekWorx, (eCommerce and Digital Marketing), AdWorx (Outsourced Ad Ops for Publishers) and BlogWorx (full-fledged Blog Development service). Read his Full Curriculum Vitae. For training and consultancy, services, speaking engagements, blog partnerships or media invites, click here. Alternatively, get in touch with him on Messenger.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close Menu