20 January 2008
7 How do I hide the navBar of my Blog
Did you ever notice a bar on the top of your blog as shown above? This is called the 'Navigation Bar' also known as 'Navbar'. Did you ever feel this NavBar of the blogger very irritating? Did you ever think of "How do I hide the NavBar of my Blog"
Every blogspot blog by default recieves a Navigation Bar on the top, with buttons for switching to the next blog, searching yor blog and more. Some bloggers may find the Navigation Bar useful, But most of the bloggers may feel it irritating. If you feel that disabling the navigation bar would improve the layout of your blog then You may want to disable it.
Blogspot is not giving you any options for hiding or disabling the so called 'NavBar', there is no menu entry to disable it, But you can still hide it.
In the edit HTML text field, find the style defenitions( which is enclosed in { } brackets).Then paste the below given code somewhere near other style defenitions.
However,FTP publishing(Dashboard-->Settings-->Publishing) comes with its own set of disadvantages, so a move must be carefully planned.
Please make a note that in order to switch to FTP uploading , Your blog must be public and use a classic template.
You can set your blog to be public via Dashboard-->Settings-->Permission
You can set your template to classic via Dashboard-->Settings-->Edit HTML
Every blogspot blog by default recieves a Navigation Bar on the top, with buttons for switching to the next blog, searching yor blog and more. Some bloggers may find the Navigation Bar useful, But most of the bloggers may feel it irritating. If you feel that disabling the navigation bar would improve the layout of your blog then You may want to disable it.
Blogspot is not giving you any options for hiding or disabling the so called 'NavBar', there is no menu entry to disable it, But you can still hide it.
Disabling the Blogger NavBar: Detailed Steps
Dashboard--> Layout--> Edit HTMLIn the edit HTML text field, find the style defenitions( which is enclosed in { } brackets).Then paste the below given code somewhere near other style defenitions.
#navbar-iframe {
height:0px;
visibility:hidden;
display: none !important
}
height:0px;
visibility:hidden;
display: none !important
}
In this method, we are not particular about the position of the code pasting. Kindly refer the screen shot shown below.
In my personal experience this is a perfect hack. After these changes click on the save template button, reresh the page. If there is no navigation bar in the screen, then the Hack is perfect. Check out with all the leading browsers (atleast Internet explorer, Mozilla firefox, Safari and Google chrome).
Explanations
<style>...</style> encloses stylesheet instructions that define a page's layout. The actual layout instruction is now targeting the element of the ID navbar IFrame, which you define to not display. The !important tells the browser to override other layout defenitions for this element, if exists.Exceptions
If there is still the navigation bar exists(hopefully it won't happen), perhaps Google has since adjusted the way their page design displays the navigation bar. If so you may need to read the HTML source code of you blog and adjust your stylesheet instructions accordingly.Not For Newbies
The blogger navigation bar is also disabled when using FTP to transfer the blog pages to your own domain, because the navigation bar includes many elements that work only in the context of a blogger hosted blog.However,FTP publishing(Dashboard-->Settings-->Publishing) comes with its own set of disadvantages, so a move must be carefully planned.
Please make a note that in order to switch to FTP uploading , Your blog must be public and use a classic template.
You can set your blog to be public via Dashboard-->Settings-->Permission
You can set your template to classic via Dashboard-->Settings-->Edit HTML
Subscribe to:
Posts (Atom)