Citrus Skies

Valid 'Live Earth' Badge Code

19 June 2007

If you haven’t heard of Live Earth, its the latest group of concerts, in the lineage of Live8 and the original Live Aid, raising money for various charity works. This time the main target of the concerts is ‘Climate Change’. Brief introduction over, the Live Earth organisers are asking people to show their support by displaying a Live Earth Badge on their websites or MySpace/Bebo/etc. page. However, for anyone who has taken the time to ensure their website is Web Standards compliant, the code provided for Live Earth Badge (a Flash object) will break that compliance, introducing several validation errors.

I’ve attempted to resolve these errors and have included the new code below, which validates as XHTML 1.0 Strict. So far, I’ve checked that it works in Firefox 2.0, IE 6 & 7 and Opera 9.

Update: Now also confirmed working in Safari and Firefox on Mac OS X.

<object data="http://cache.liveearth.org/live/supporter.swf" type="application/x-shockwave-flash" height="180" width="180" name="supporter" >
<param name="movie" value="http://cache.liveearth.org/live/supporter.swf" />
<param value="transparent" name="wmode" />
<param value="#ffffff" name="bgcolor" />
  alt : <a href="http://www.liveearth.org/">Live Earth</a>
</object>

Here’s the code in action:

If you’ve got any corrections or improvements on this code, post them in the comments and I’ll update the article.