Tip to get rid of the Blogger NavBar
| ==Edited and Updated== Since I have started my little blog I have always looked for ways to personalize it and make it my own. I learned many things and incorporated them into this site. My latest discovery I would like to share with all those that use Blogger. On every Blogger site at the top you will find the Blogger NavBar. While the NavBar can be useful, it can make it hard to see some text or pictures you might have at the top of your blog because they are partially hidden by the NavBar. Here is a solution written to be XHTML 1.0 Strict! Post these lines of code in your template. First copy and paste this line of code .hide { display: none; }somewhere between the<head>and </head>tags. Then copy and paste this line of code <div class="hide"><![CDATA[<body>]]></div>right after the <body>tag in your template. Now you can be both NavBar free and still keep your blog XHTML 1.0 Strict! This tip will work in IE 6.0, Mozilla 1.7.8 and FireFox 1.0.6. If you are looking for more ways to customize your blog checkout these following links: http://browservulsel.blogspot.com/ http://blogger-templates.blogspot.com/ THANK YOU JASPER for sharing this tip with me! |
posted by sanman294 at 8:18 PM
Comments on "Tip to get rid of the Blogger NavBar"
-
Anonymous said ... (Sunday, July 31, 2005 5:36:00 PM) :
-
Anonymous said ... (Sunday, July 31, 2005 5:43:00 PM) :
-
Anonymous said ... (Monday, August 15, 2005 3:16:00 PM) :
-
Anonymous said ... (Tuesday, September 13, 2005 10:40:00 PM) :
-
Anonymous said ... (Tuesday, September 13, 2005 10:42:00 PM) :
-
Anonymous said ... (Tuesday, September 13, 2005 11:04:00 PM) :
post a commentThis tip works great in Mozilla FireFox 1.0.6 but it does not work for IE 6.0
However the new comment form works in both Mozilla FireFox 1.0.6 and IE 6.0! Thanks Jasper! at
http://browservulsel.blogspot.com/
The tip also works in IE. You will need to add a line to your CSS:
.hide { display: none; }
Ok, I give ... how does this work.
I'm guessing that blogger does a find and replace on the *last* body tag? Which happens to be in your CDATA section.
If so, dude ... way cool. Thx for the tip.
Oh yeah ... 1 more thing. Is there a way to construct comments so that the navbar is not really in the HTML.
I really hate that they pretend to serve XHTML and the navbar breaks validation.
Grrrrrrrrrr ....
Ok, so not trying to spam ya ...
And also, DOHHH!!
I must have validated a cached page. Just validated again and the 2 errors caused by bloggers crappy "Flag" link is gone.
I'm 100% XHTML valid again!!! Thx ^ 2.