Sunday, January 07, 2007

New Blogger (formerly beta): How to hide the navbar

A reader of my blogs asked how to hide the navbar.
I tried this hack from Remove navbar. It says to look for <style type="text/css"> and </style"> and add in some codes in between them. I could't find the tag <style type="text/css">, so what I did was I added the whole code:

<style type="text/css">

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

<!-- End Hide Navbar -->

just after the <head> tag into this blog Digital Photography Articles and the navbar was successfully removed.

Actually, the navbar serve a useful function. It has a searchbar which allows one to search the blog, and it is not intrusive, just a narrow bar at the top of page. Anyway, if you really want to remove the navbar, but still want a searchbar to allow visitors to search your blog, you can sign up for AdSense and when you are approved, you can generate a sitesearch box for your blog like this blog Good Health Information.

You can apply to join the AdSense Program by clicking on the "Generate revenue from your site. Google AdSense" link at the top of the right sidebar. You can get more information about AdSense (how to generate a script for a sitesearch bar, for example) from this site Earning Online. If you have further questions, feel free to leave a comment, and I will try my best to answer.


Benjamin said...

Thanks, that question was from me (Madiba.)

Personally I can't stand the navbar. I don't have it on my old blogger blog, but might switch over to the New Blogger if this hack works.

Printer said...

I want to get my Nav bar back after i put in a new layout it disappeared. How do i do that and what should i be looking for?