Testing Another way of hiding the navbar

Update: Refer to Simple adjustable way to hide Blogger Navbar for the latest.

I have previously published a post Hiding the navbar. As had been mentioned in the post, the navbar can be useful in that it enables a visitor to search the content of the blog, it enables you to easily get to the LAYOUT by clicking on "customize", and to make a new post by clicking on "New Post" when you are signed into Blogger. However, many educators who uses Blogger for their blogs for the students will like to see the navbar gone because of the presence of "Next Blog". One never knowns what kind of blog you will get to when you click that tab. The chances of getting to a blog containing sexually explicit content is not negligible. Blogger has made it mandatory for blogspot blogs to have the navbar, but many blogspot blogs have hidden the navbar and so far no action has been taken. So I think it is justified and OK for educators to hide the navbar.

I do remember reading something about the navbar being compulsory using Blogger to host their blogs, but not compulsory for those who host the blog on their own (web host). However, accoring to Kawaljit of Maybe it is OK to remove Blogger navbar, Google did a series of road show in some Indian cities to promote their Blogger platform. Ankit attended the event and asked for clarification on the navbar policy from the Google representatives at the roadshow. They called up their office in Bangalore office and confirmed that it's legal to hide the navbar.

I have tested the method described in the post linked above before I published, but a blogger complained it no longer worked. I tested it and found it to be true. Fortunately Rat has posted a similar but different way of hiding the blog at Hide navbar where it advocate putting the code

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

just before the closing style tag ]]</b:skin>

So what you need to do is to sign into Dashboard, clcik LAYOUT for the relevant blog, click the template tab and look for the clossing style tag

]]></b:skin>

If you have problem finding ]]></b:skin>, press ctrl+F and you shoud see . Type or copy-paste part or all of ]]></b:skin> into the "Find" box and click find. That part of the code in the template editor window will then be found and highlighted

Paste

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

just above that so that it become

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
]]>≶/b:skin>

Preview, and if satisfied, click "Save template"

I have tested it at this blog Blogging Ideas and have found it to work.

Important note: Before you make any changes to your template, always backup you template. Refer to Backing and changing template. It will also help to edit each Page Element one one one and save the content into a Notepad file so that you can put it back if you need to revert to your backup template (with the New Blogger, many Page Elements (widgets) will be deleted when you change template). However, if you use the Link List to make you "blogroll" you will not be able to save that Page Element this way. It will only be possible if you use the HTML/Javascript Page Elemtent to create the "blogroll". Also, if you want a template that don't have the navbar without you having to tinker with the template, use templates from New Blogger templates by Final Sense