Fahad bin Khalid's Blog

If you are using any default template of Blogger, you will see a navigation bar on the top of your blog. Many bloggers want to remove this navbar to make their blog's look as a professional website. Here is a tutorial for how to remove or show your Blogger navbar.

A Preview of Blogger Navbars

To remove blogger navbar, you have only to copy one line code in your blog's HTML. Follow the following steps.



1. Login to Blogger.com
2. Go to design / layout section of your blog.
3. Click "Edit HTML" tab from the design/layout section.
4. Backup your template
5. Find the following code by pressing Ctrl + f

</head>

6. Replace it with the following code

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

7. Now preview your blog and you will not see any navbar


Note: To show navbar again, replace the code of step 6 with step five's.

If you have any problem or confusion about this article than please discuss in comment.

Source: freshtips.blogspot.com