How to Remove Navbar from Blogger

So you have a web blog on Blogger.com and you want to remove the Navbar on the navigation bar that goes with it.
The Navbar is sometimes annoying and is just eating up space on your blog pages that it is reasonable to just remove it.

Quick Instruction:

Edit you BlogSpot blog’s HTML template and paste the following code just before the </head> tag and you’re done:

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

Step-by-step Instruction:

1. Sign-in to your account in Blogger.com
2. Click the Design link on your blog you want to edit.
3. Click the Edit HTML link.
4 Search for </head> on the textarea containing HTML line of codes.
5. Copy and paste the following code just before </head>:

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

6. Click the SAVE TEMPLATE button.
7. Open your blog and see if the Navbar was really removed. You may have to refresh the page if it is already opened by the time you clicked the SAVE TEMPLATE button.

It worked for me and I’ll be glad to help if you have any problem with the instructions above.

Posted in: Blog Tricks