Brian Alvey

Adding the Red Cross

1399 days ago

A few days ago we began our internal drive to raise a group donation for the Red Cross to help victims of Hurricane Katrina. This afternoon we took another step and added those Red Cross corner buttons you see on all of our sites. They all link straight to the Red Cross with no click tracking and no landing page in between. We debated converting our ad slice or one of our other existing ad positions to a Red Cross ad, but people get a little immune to positions after a while and ad blocking software blocks standard IAB ad dimensions, so I decided to go with the upper right corner.

You can add the same buttons to your own site. We added a simple JavaScript document.write to the end of every one of our pages:

<script type="text/javascript">

</script>

You can add the same thing to your site, just download the image you want, upload it to your site (we block most image hotlinking) and change the path for the image source.

English:

Spanish:

Comments (46)

Add a Comment Inappropriate or promotional comments may be removed.

Reply
Brent Yager 1398 days ago

Brian, great job on the Red Cross item. Can you create a similar one for the Salvation Army to go in the left top corner for us?
http://www.salvationarmyusa.org/
We'd all really appreciate it.
Thanks in advance Brian.
Reply
Michael 1398 days ago

Thanks for sharing the code, I just added it to my site.
Reply
Katsushiro 1398 days ago

Big thanks for creating the image and the little code snippet, I just set them up on my blog as well. Doing what little I can to help out over there.
Reply
Dave Lowe 1398 days ago

I added the dogears to the 'Dorm. Every little bit helps. Thanks for the code. Now, I need to figure out how to add it to a Xoops site. Grrrrr....
Reply
Jack Ganse 1398 days ago

Thanks for Red Cross dog ear--it's on our school's website now...
Reply
Andrew Ferguson 1398 days ago

I made a Salvation Army dog ear that you can use on a site. I put it on the left side of the screen so it doesn't interfere with the Red Cross dog ear and you can even use them both.
Here's the code:
http://www.andrewferguson.net/2005/09/05/salvation-army-d...
Reply
Jeff Stephens 1398 days ago

I uploaded the image to imageshack. Free hotlinking:
http://img29.imageshack.us/img29/8587/redcross5gs.gif
And thanks, by the way!
Reply
sween 1398 days ago

This is great! I had created on of the ubiquitous 80x15 buttons for Red Cross donations on me site (if you want to see it, it's at the bottom of page on my blog) but this is really sweet. Great work!
Reply
sickofmyself 1398 days ago

Thanks... now I feel like I'm doing something to help.
Reply
sickofmyself 1398 days ago

...and here is my site by the way:
http://iamsickofmyself.blogspot.com/
Reply
Kristin Wenzel 1397 days ago

I've created a bilingual english/japanese version:
http://cybergeisha.net/images/red-cross.gif
Please upload it to your own server, instead of hotlinking from mine, if you'd like to use it.
Thanks for providing the code, I put the image up on my site.
Reply
Neville Hobson 1397 days ago

Great gesture, Brian, thanks. I'd love to inlcude it in my blog, but the TypePad account I have doesn't give me direct editing access to the underlying templates.
Any idea how I can use the graphic in the way in which it's intended, ie, display at the top-right corner?
Reply
NAKANO 1397 days ago

We made yet another japanese version.
Adding the Red Cross (Japanese)
http://www.ark-web.jp/blog/archives/2005/09/adding_the_re...
Reply
Dave Amirault 1397 days ago

Brian-
Thanks for the code!
Dave
Reply
Brian Alvey 1397 days ago

Neville -- you can add it anywhere in your page. So if you have access to edit your list of events, insert it there and it will float to the top right of every page.
Reply
Tris Hussey 1397 days ago

Added on my blog. Thanks for doing this. I like how it sits in the top corner. Draws attention. Nice work.
Tris
Reply
Coty 1397 days ago

Brian,
I tried adding to my TypePad blog using a TypeList, but your div seems to get caught within whatever div is enclosing it. I played around with it using Platypus, and it would work if I could insert it outside any enclosing divs, but I cannot do that via TypePad. Is there any way to make it _really_ align absolute?
Thanks,
Coty
Reply
Kobayashi 1397 days ago

I will try to add something like this in my blog but not sure that it will work at blogger.
I hope Allah(god) help New Orleans.We had a big earthquake at istanbul in 1999, it was very frightening and a lot of people died because of it.
Reply
Happy 1397 days ago

Nicely done.
http://www.yankovic.org/blog/
Reply
John 1397 days ago

Great work!! Up on Freshblog. Thanks for making a tool for us to help!!
Reply
Troy Hakala 1397 days ago

Thanks for this!
Reply
Mike Wo 1396 days ago

Posted to my blog. Thanks!
Reply
Bill F 1396 days ago

This is such a great idea, but for novices such as me at the whole blog thing (I use msn.spaces), I have no idea how to add a live link using the code you have provided. Any quick instructs? Might help others as helpless as I am. Thanks ...
Reply
Ali Karbassi 1396 days ago

Here is the code without using javascript. It is XHTML 1.0 Strict VALID.
http://blog.mrwoot.com/2005/09/add-red-cross-banner.html
Reply
Anthony Volodkin 1396 days ago

Brian,
Thank you very much for this script. It is both elegant and incredibly helpful. Now up on the Hype Machine (link)
Great work!
Reply
Brandon Werner 1396 days ago

Hey all!
This code is nice, but has broken tags and isn't XHTML 1.1 compliant (it matters!)
So, I wrote how to simplify it on my blog at: http://www.brandonwerner.com/index.php/2005/09/07/xhtml-1...
Reply
Kerri 1395 days ago

Thank you for the code Brian. I just added it to www.kmuw.org.
Reply
Gilbert J Perera 1395 days ago

Thanks for helping out! Just added them myself...
http://www.gilsmethod.com
Reply
michael tegler 1395 days ago

added this to one of my popular sites that runs an invision board. thanks for this.
Reply
Robert 1394 days ago

Amazing and thoughtful job. Just added it to my site.
Reply
Makki Studios 1394 days ago

Thanks and a great idea. I have placed on my site aswell.
Reply
Scott 1394 days ago

I added the picture and a link to the Red Cross from my site (which features pictures of cities including some from New Orleans).
Reply
N. Mallory 1393 days ago

Thanks. I've added this to all three of my websites.
The Naked Truth - http://nmallory.exit-23.net
The Weekend Chef - http://theweekendchef.exit-23.net
Nothing Tastes As Good - http://www.nothingtastesasgood.com
Reply
Ryan 1393 days ago

Thanks for providing this! It's up on my site as well. Not many visitors, but every little bit helps...
Reply
Michel 1393 days ago

Thank you for the code Brian. I just added it to two of my websites. I found your corner button on Engadget.
www.puffun.com
www.naute.com/fun
Reply
Tony C 1392 days ago

Thanks man!
Reply
Vlad 1392 days ago

Added to our fashion blog!
http://www.purseblog.com/
Great work on the sniplet.
Reply
Shane Graber 1392 days ago

Thanks! I went ahead and converted the javascript into valid xhtml and then created an installable product for the Plone CMS so that other Plone users could use this on their Plone sites. The download is available from here: http://liquid.homelinux.org/files/redcross_portlet.zip and you can see it in action at http://liquid.homelinux.org.
Shane
Reply
Robin 1391 days ago

Mine isn't working :(
Reply
Mark 1390 days ago

Added to CoffeeGeek.com - thanks Brian!
Reply
Tony Swartz 1389 days ago

I added this to my site today, but changed the graphic a little. I like the Make Poverty History style graphic -- so I changed it.
You can see it at http://www.acowslife.com/ and the image can be downloaded at http://acowslife.com/red-cross.gif -- no hotlinking please!
Reply
blooter 1386 days ago

thanks from the pop quiz iraq staff as well. we added this corner button to our li'l blog. so now you and yer clever javascriptlet have helped yea another group of folks help the victims. how cool is that!
Reply
Forum 1274 days ago

damn right,
good work.
Reply
Brian Shipley 1257 days ago

I have started a website called www.adsforamerica.com. I framed it off milliondollarhomepage.com. I am giving 75% of all money donated to the american red cross. If you know of anybody that might want to advertise, let them know. My email address is brian@adsforamerica.com
thanks,
brian
Reply
John 1240 days ago

I am impressed with all the pro-active people who read your blog and took action!
Reply
Rob Alvey 625 days ago

Hello Brian,
Sorry to bother you but the Alvey name is a surprise. Is your family originally from Maryland (Southern, English background) or Michigan (German background)

Regards
Rob Alvey from NY

Add a Comment

Inappropriate or promotional comments may be removed. To create a clickable link, simply type the URL (including http://) and we will make a link for you. Line breaks and paragraphs are automatically converted — no need to use <p> or <br> tags, but if you're into that kind of thing, you can use any of the following tags: b, i, strong, em, a (href only), p and br.

Click one of the three commenter types below. Member comments are added immediately once you confirm your email address. Anonymous comments are moderated by our editorial staff.