If you are new to blogger or you may have seen the older templates, you will find a navigation bar (in short navbar). Most of the custom templates do not have this navigation bar but in default templates we can find it just at the top. But this can be removed just in matter of seconds using a simple CSS code.
Now follow these simple steps to remove the navbar:
Step 1:
Login to your blogger account. On the dashboard you will see the default name of your blog. Just on the right you can find layout tab. Click it.
Step 2:
After clicking on the layout tab you will be redirected to "page element" tab. Click on the "Edit Html" on the right of "page element" tab. Fou will find a series of XHTML codes there.
Step 3:
Now search for
After you find this code replace it with
Step 4:
Now you can either Preview and click on save template or directly save template. You can see the blogger navigation bar removed.
Ok thats it...
Now follow these simple steps to remove the navbar:
Step 1:
Login to your blogger account. On the dashboard you will see the default name of your blog. Just on the right you can find layout tab. Click it.
Step 2:
After clicking on the layout tab you will be redirected to "page element" tab. Click on the "Edit Html" on the right of "page element" tab. Fou will find a series of XHTML codes there.
Step 3:
Now search for
]]></b:skin>or search using "Find on this Page" using "Ctrl + F".
After you find this code replace it with
#navbar-iframe {
visibility : hidden;
display : none;
}
]]></b:skin>
Step 4:
Now you can either Preview and click on save template or directly save template. You can see the blogger navigation bar removed.
Ok thats it...
