Add Red Cross Banner

By Ali Karbassi | September 7th, 2005 | Random

Reading Engadget, I noticed a “DONATE NOW. KATRINA RELIEF” animated gif banner on the upper right corner of their website. Being that we need as much help as we can, it was a very interesting idea. Looking at their code, it was just linking straight to http://www.redcross.org/.

Being that everyone is just trying to raise money for the relief effort, “taking” this idea wasn’t against my morals.

The code was very simple. The original code was:


<script type="text/javascript">
<!--
document.write('<div style="position: absolute; left: 100%; top: 0px; overflow: visible; height: 120px; width: 120px; margin: 0 0 0 -120px; padding: 0; z-index: 9999; border: none; float: none;"><img xsrc="http://www.weblogsinc.com/common/media/red-cross.gif" mce_src="http://www.weblogsinc.com/common/media/red-cross.gif" width="120" height="120" border="0" usemap="#rc"></div><map name="rc"><area shape="poly" coords="0,0,120,0,120,120" xhref="http://www.redcross.org/" mce_href="http://www.redcross.org/" ></map>');
// -->
</script>

I took out the javascript and made it valid XHTML 1.0 Strict. I also hosted the image from http://www.weblogsinc.com/common/media/red-cross.gif to a free local host. You may want to host it on your own host. All you have to do it add it anywhere on your page. I added it right after <body>.


<div style="position: absolute; left: 100%; top: 0px; overflow: visible; height: 120px; width: 120px; margin: 0 0 0 -120px; padding: 0; z-index: 9999; border: none; float: none;"><img xsrc="http://img8.imageshack.us/img8/3301/redcross3pr.gif" mce_src="http://img8.imageshack.us/img8/3301/redcross3pr.gif" style="width: 120px; height: 120px; border: 0;" usemap="#rc" alt="Donate Now" /><map id="rc" name="rc"><area shape="poly" coords="0,0,120,0,120,120" xhref="http://www.redcross.org/" mce_href="http://www.redcross.org/" alt="Donate Now" /></map></div>

If anyone at engadget thinks my actions was wrong, please just contact me via email and I will take down this post, being that I am only trying to help with the relief effort.

One Response to “Add Red Cross Banner”

  1. ok for some reason, neither the original script or your edited version will work on my blog:( any suggestions????

Leave a Reply