Embeddable Content

With the addition of our new server came the influx of unusable bandwidth. This is a good problem, and I have an excellent solution. I've complied our collection of dynamic images into embeddable code that you can insert into your site or blog. Simply copy and paste the desired code and you're good to go. The images are dynamically updated when our prediction changes so you only have to add the code once. The Silverlight code features a fall through detection mechanism that will at a minimum display the static image, if Silverlight is installed on the visitor's computer the interactive version will be rendered; for this reason I recommend using the Silverlight code.

For our first time visitors, here's what our map looks like:

VoteForAmerica.net Electoral Projection Map

Main Content Map (490 x 350 Pixels):

HTML Code:

<a href="http://voteforamerica.net/electoral.aspx"><img src="http://voteforamerica.net/image.aspx?Type=Map" alt="VoteForAmerica.net Electoral Projection Map" border="0" /></a>

Forum Code:

[url=http://voteforamerica.net/electoral.aspx][img]http://voteforamerica.net/image.aspx?Type=Map[/img][/url]

Embeddable Silverlight Code:

<div><object data="data:application/x-silverlight," type="application/x-silverlight-2-b2" width="100%" height="142"><param name="source" value="http://voteforamerica.net/VfA_Map_Small.xap"/><a href="http://voteforamerica.net/electoral.aspx"><img src="http://voteforamerica.net/image.aspx?Type=Map_Small" width="200" height="142" border="0" alt=""></a></object><iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe></div>

Side Panel Map (200 x 142 Pixels):

HTML Code:

<a href="http://voteforamerica.net/electoral.aspx"><img src="http://voteforamerica.net/image.aspx?Type=Map_Small" alt="VoteForAmerica.net Small Electoral Projection Map" border="0" /></a>

Forum Code:

[url=http://voteforamerica.net/electoral.aspx][img]http://voteforamerica.net/image.aspx?Type=Map_Small[/img][/url]

Embeddable Silverlight Code:

<div><object data="data:application/x-silverlight," type="application/x-silverlight-2-b2" width="100%" height="350"><param name="source" value="http://voteforamerica.net/VfA_Map.xap"/><a href="http://voteforamerica.net/electoral.aspx"><img src="http://voteforamerica.net/image.aspx?Type=Map" width="490" height="350" border="0" alt=""></a></object><iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe></div>

Printable Maps:

Our software can scale the map to larger and smaller sizes. I did some math and figured out the scaling coefficient required to create 8.5 x 11 inch printouts. Print 'em out, hang on your dorm door or cubicle or whatever. Each of these images will take a while to load, so please be patient.

Printable National Map (8.5 x 11 inches, 72 dpi)

High Resolution Printable National Map (8.5 x 11 inches, 300 dpi)

Electoral Scoreboard (200 x 80 Pixels):

Electoral ScoreboardOur last image is a forgotten relic. Before the ambitious creation of the lovely map you see above, this image was used in its place. While lacking in excitement, this image proudly served its purpose. Now replaced, the code remains, and so I figured I should share it.

HTML Code:

<a href="http://voteforamerica.net/electoral.aspx"><img src="http://voteforamerica.net/image.aspx" alt="VoteForAmerica.net Electoral Scoreboard" border="0" /></a>

Forum Code:

[url=http://voteforamerica.net/electoral.aspx][img]http://voteforamerica.net/image.aspx?[/img][/url]

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Furl
  • NewsVine
  • Reddit
  • SphereIt
  • Technorati
  • YahooMyWeb
  • Ma.gnolia
  • StumbleUpon
Your Ad Here

1 Response(s) to Embeddable Content

1
B.T. Murtagh
10/23/2008 7:49:50 PM CT

Awesome! Thank you, I have added the small sidebar one to my Quarkscrew blog.

Leave a Reply:

Name: (Defaults to Anonymous)
Type the characters you see in the image below:
(Word Verification)
Electoral College Projection Map
Senate Projection Map