Brian Alvey made a Red Cross: Katrina Relief, Donate Now dog ear that can put on websites with just a litte bit of code (see upper right of this blog). However, Brent Yager wanted one for the Salvation Army. Wait no longer, Brent…and everyone else. Just copy and paste the code below anywhere on your website. Then head over to Brian’s site and grab the Red Cross dog ear.
<script type="text/javascript"> <!-- document.write('<div style="position: absolute; left: 120px; top: 0px; overflow: visible; height: 120px; width: 120px; margin: 0 0 0 -120px; padding: 0; z-index: 9999; border: none; float: none;"><img src="https://www.andrewferguson.net/wp-content/images/salvation-army.gif" width="120" height="120" border="0" usemap="#sa"/><map name="sa"><area shape="poly" coords="0,120,0,0,120,0" href="http://www.salvationarmyusa.org/"></area></map>'); // --> </script>
Update: Here’s the image so you can right-click and download if you would like to host it off your site
Update: Here’s the PSD file that I used to create the image. Don’t forget to open it in ImageReady though, as it is an animation. I’ve also released the GIF and the PSD under the Creative Commons.
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
Pingback: Yagermeister's Blog
Pingback: holy crap! CYBERGEISHA! dot net
Pingback: mpolino.com
Thanks… If you don’t mind people hot-linking the image from your server perhaps you should post it inside this entry so it’ll be easier for people to download it. (I imagine this could suck up a lot of your bandwidth)
hmm, I can’t seem to get your code to work on my site. I tried putting it in the footer, where I have Brian’s code (working) and then I tried putting it just after the tag — still no dice
I took a look at your code and don’t know what’s wrong. Try taking out Brian’s code and see what happens.
The problem was a missing in Brian’s code. 🙂
Sorry, that HTML didn’t work in my last post. I mean there’s a missing end area tag in Brian’s code.
I created a Salvation Army dog ear of my own, but my graphics skills are limited so it’s not animated. I’ve updated my post to link back to this.
Pingback: Ian's Messy Desk
Pingback: CalStuff: News. Observations
I’ve uploaded the image to ImageShack. Hotlinking is allowed. Now you can just copy paste the code below to your webiste.
?);
// –>
In general, posting code on a website doesn’t work unless you encode the special characters…and even then it sometimes doesn’t work. To use Pujiono’s code, just take my code and change the URI of the image to http://img374.imageshack.us/img374/2310/salvationarmy4sz.gif
I’m not worried about bandwidth, so feel free to just copy and paste my code (and hotlink to my image).
Pingback: geek ramblings
Pingback: geek ramblings » Adding the Red Cross
Pingback: Thought Patterns
Thank You for the code! I’m adding it to my blog.
ok i was adding it, except the code isn’t working….. any suggestions? I have pulled it off the blog for now, unitl its working for me.
Pingback: Godbit Discussion Forum / Do you Believe?
Pingback: Adding the Red Cross - The Brian Alvey Weblog
Comments are closed.