Thursday, February 17, 2011

Hide or Remove Blog NavBar From Blogspot Blogger: How to Hide or Remove Blogger NavBar?

NavBar means Navigation Bar or Banner which is appeared on top of the blog. logger NavBar contains Search Blog textbox, Flag Blog to notify Blogger about objectionable contents on the blog, Next Blog link to visit another blog randomly, plus links to create a blog or sign in to Blogger. Most of the cases, most bloggers think it's useless and they think to hide that. You can hide and remove the NavBar with a little CSS hack which will not either interfering or messing up with the custom layouts. This hack is very easy to implement.

Steps to hide or remove blogspot NavBar:

Follow the following steps to hide or remove your blogspot's NavBar. This is very easy and you don't need much technical knowledge to do this. Just follow the following steps:

Step 1: Login and accessing blogspot template code

First, log in your blogspot account by using your user name and password. After this you will be redirected to your blogspot Dashboard page. Select the blog which template you want to modify or customize. You will find a link named as Layout. Click on that link.
 
 
You soon redirected to your desired blog's main Layout panel. Now, click on the Edit HTML tab link and you will find the original template code page. This is the desired page from where you have to do all customization. At last click on the check box Expand Widget Templates which will enable all of your blog's html and CSS code.


Step 2: Removing or Hiding NavBar

In your template code, search for the following line of code
 
1   ]]></b:skin>

Just add the following lines of code just before that code:
 
#navbar {
    display: none;
}

That's enough for hiding or disabling NavBar.

Step 3: Saving your template

After finishing the above modification or customization of your blog's template, it's time to save your template code.
It's good to ensure your code's correctness by using PREVIEW button. Just click on "PREVIEW"  button and see whether there is any mistake. If there is any mistake it will warn you. Otherwise you will see the effect of your customization of your blog template. If everything is ok, simply, click on the SAVE TEMPLATE button.  That's all. Your template customization is finished.