Damn Censors...(sorry about the length)

Okay, I'm not sure if any of you have noticed however there is a nice new feature added to the navbar across the top of blog pages. It is called the flag. This is to be used for the flagging of "possible" "objectionable" content. There are a few things wrong with this flag button.

First, it is anonymous. It should be tracked what a person rates as "objectionable" and quantitatively added into the formula for determining if something truely is objectionable. This whole idea stinks. If it is not illegal leave it alone.

Second, there is no accountablity for it. A person could get a perversive kick out of randomly flagging things.

Thirdly, the blog owner is not informed they have been flagged.

What does a flag do? From my understanding it removes the blog from the random "next blog" thing, as well as removing the blog from being featured on the blogspot site. Now neither of these are a large concern to me because I could care less if anyone else besides friends ever were to read this. However, it is the concept that I find deplorable. The mob mentality of judging the "objectionablity" of something within a personal blog is absolutly retarded. If something is not illegal it should be left alone. If you care to here is a way to remove the navbar from your blog.

To remove the navbar from your blog, copy and paste this little piece of code into your template somewhere between the style and /style tags and republish your blog:

#b-navbar{
height:0px;
visibility:hidden;
}

I'm going to attempt to figure out a way to remove just the retarded flag icon form the navbar though it may be beyond my coding skills. If any of you figure out a way please let me know. I am really moralistically, ethically, valueistically (these are all words now) oppossed to this mob rule censorship that blogger has decided to adopt.

Edit: Okay I have found a massively nasty way to fix this. Basically I hide their navbar and then create my own without the flag button. Here is what you need to do.

In your template between the style and /style> tags place the following. (I'm not sure if it is all needed but mine has it all and it works.) (More instructions follow.)

#b-navbar{
height:0px;
visibility:hidden;
}

#c-navbar
{
background:#111;
border-bottom:1px solid #222;
color:#999;
}

#c-search
{
background:#333 url("../../img/navbar/3/corner.gif") no-repeat left bottom;
}

#c-query
{
border:1px solid #555;
}

#c-this a
{
color:#ccc;
}

#c-this a:hover
{
color:#fff;
}


#c-navbar
{
width:100%;
padding-bottom:5px;
border-bottom:1px solid #111;
min-height:24px;
font:x-small "Trebuchet MS",Verdana,Arial,Sans-serif !important;
color:#47a;
font-size/* */:/**/small !important;
font-size: /**/small !important;
margin-bottom:10px;
position:absolute !important;
top:0;
left:0;
z-index:1;
display:block !important;
}


#c-navbar a img
{
border:none;
display:inline !important;
}

#c-navbar #c-logo
{
position:absolute !important;
top:3px;
left:5px;
width:80px;
height:24px;
border-width:0;
}

#c-logo img
{
display:inline !important;
}

#c-search
{
background:#111 url("../../img/navbar/corner.gif") no-repeat left bottom;
margin:0 0 0 100px;
padding:4px 7px;
line-height:1em;
font-size:85%;
text-align:left;
}

#c-more
{
float:right;
padding-top:2px;
display:block !important;
}

#c-more a
{
margin-left:4px;
}

#c-query
{
margin-right:.25em;
width:12em;
}

/* hide from IE5-Mac \*/
#c-query
{
font-size:x-small !important;
}
/* end hide */

#c-searchbtn
{
position:relative;
top:-1px;
margin-right:.5em;
vertical-align:middle;
}

#c-this
{
display:block !important;
}

#c-this a
{
margin-right:.5em;
white-space:nowrap;
text-decoration:none;
line-height:1em;
}

#c-this a:hover
{
color:#fff;
text-decoration:underline;
}

Now after your style tags in the template you should see the head tag and then a line or two later the body tag. At this point paste the following. (more instructions after)

<div id="c-navbar"><a href="http://www.blogger.com/" id="c-logo" title="Go to Blogger.com"><img src="http://www.blogger.com/img/navbar/3/logobar.gif" alt="Blogger" height="24" width="80" /></a><form id="c-search" action="http://www.google.com/search"><div id="c-more"><a href="http://www.blogger.com/" id="c-getorpost"><img src="http://www.blogger.com/img/navbar/3/btn_getblog.gif" alt="Get your own blog" height="15" width="112" /></a><a href="http://www.blogger.com/redirect/next_blog.pyra?navBar=true" id="c-next"><img src="http://www.blogger.com/img/navbar/3/btn_nextblog.gif" alt="Next blog" height="15" width="72" /></a></div><div id="c-this"><input id="b-query" name="q" type="text"><input name="ie" value="UTF-8" type="hidden"><input name="sitesearch" value="mattsasylum.blogspot.com" type="hidden"><input src="http://www.blogger.com/img/navbar/3/btn_search.gif" alt="Search" value="Search" id="c-searchbtn" title="Search this blog with Google" type="image"><a href="javascript:BlogThis();" id="c-blogthis">BlogThis!</a></div></form></div>



That's all you may need to adjust the background color in #c-search...as well as the border-bottom color in #c-navbar (the second one I believe). Hope that helps folks.