For anyone who’d like to add a Red Cross donate link to their page like I have, it’s done with this bit of JavaScript code:
<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 src="http://www.weblogsinc.com/common/media/red-cross.gif" width="120" height="120" border="0" usemap="#rc"/><map name="rc"><area shape="poly" coords="0,0,120,0,120,120" href="http://www.redcross.org/"></area></map>');
// -->
</script>
Upload the image to your server and change the URL for the graphic.
(thanks to Brian Alvey)
3 responses so far ↓
1 Adam // Sep 9, 2005 at 7:28 pm
I don’t understand. Why is this in a Javascript block, if all it does is document.write() some static text?
2 mike (58 comments.) // Sep 10, 2005 at 11:21 pm
If it was pure HTML it would only work if you could put it directly in the page source or template. The javascript can work in a block or as the primary or secondary links (which is how I added it to macmegasite), since those are usually inside a DIV. Adding HTML with another DIV in one of those places would mess up the page structure.
3 David (1 comments.) // Sep 17, 2005 at 9:12 am
Trying out your “Donate now” link. Nice site!!