2007-11-16

Hiding the Navigation Bar

HOME||CONTENTS

Have you noticed the bar on top of your Blogger/Blogspot site? It is called the navigation bar. It contains the search box and other links that can be conveniently used when you are editing your blogs. However, some bloggers would prefer to dispense of the said navigation bar. There are many reasons why you might like to remove the said bar. One reason would be for aesthetic purposes. You might want your blogsite layout to have a more professional feel. On the other hand, you might simply want to add other functionalities on your layout. Whatever the reasons might be, it is still not advisable to permanently remove the said bar. You might end up having difficulty navigating and editing your blogsite if the navigation bar is permanently removed. One solution to this is to simply hide the navigation bar by adding a CSS code on the template of your blogsite.



To hide the navigation bar, first find the "credits section" on the template of your blogsite. The credits section contains the name of the template designer. This section resembles the sample below. For the sake of illustration, I have used the credits section of this blogsite's template.

<b:skin><![CDATA[/*

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
Modified by: Homar Murillo
----------------------------------------------- */

The aforementioned section is located on the upper part of your blogsite template. Hence, it is very easyto find. Immediately under it, add this CSS code:

#navbar-iframe {
display: none !important;
}

Now you are done. It is as simple as that. Save your template and view your blog. If you want to restore the navigation bar, simply remove the aforementioned CSS code.

Check Page Rank of any web site pages instantly:
This free page rank checking tool is powered by Page Rank Checker service