Danté's Inferno

Music, Photography, Motorsports & Politics

Danté's Inferno header image 2

LAST.FM Image Chart

October 10th, 2009 · 5 Comments

Hey,

Here we go again with the LAST.FM image charts. I’m including it here so I can see what it looks like on the blog page. I’m thinking it would go better on the left or right bar, but we’ll see …

DantePasquale's Profile Page

Another, more complicated, chart:

And a quilt: (I think I tried this b4 but Firefox/Ubuntu didn’t always show it)

Here’s sample code for the above:

<style type=”text/css”>table.lfmWidgetchart_a0dadfcddac8badf37daab0c33237562 td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidgetchart_a0dadfcddac8badf37daab0c33237562 tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png) no-repeat 0 0 !important;}table.lfmWidgetchart_a0dadfcddac8badf37daab0c33237562 tr.lfmEmbed object {float:left;}table.lfmWidgetchart_a0dadfcddac8badf37daab0c33237562 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px 0 !important;;}table.lfmWidgetchart_a0dadfcddac8badf37daab0c33237562 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px 0 !important;}table.lfmWidgetchart_a0dadfcddac8badf37daab0c33237562 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px 0 !important;}</style>
<table cellpadding=”0″ cellspacing=”0″ border=”0″ style=”width:184px;”><tr>
<td><a title=”DantePasquale: Recently Listened Tracks” href=”http://www.last.fm/user/DantePasquale” target=”_blank” style=”display:block;overflow:hidden;height:20px;width:184px;background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png) no-repeat 0 -20px;text-decoration:none;border:0;”></a></td></tr>
<tr><td><object type=”application/x-shockwave-flash” data=”http://cdn.last.fm/widgets/chart/friends_6.swf” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0″ id=”lfmEmbed_1487995568″ width=”184″ height=”199″> <param name=”movie” value=”http://cdn.last.fm/widgets/chart/friends_6.swf” /> <param name=”flashvars” value=”type=recenttracks&amp;user=DantePasquale&amp;theme=blue&amp;lang=en&amp;widget_id=chart_a0dadfcddac8badf37daab0c33237562″ /> <param name=”allowScriptAccess” value=”always” /> <param name=”allowNetworking” value=”all” /> <param name=”allowFullScreen” value=”true” /> <param name=”quality” value=”high” /> <param name=”bgcolor” value=”6598cd” /> <param name=”wmode” value=”transparent” /> <param name=”menu” value=”true” /> </object></td></tr>
<tr><td style=”background:url(http://cdn.last.fm/widgets/images/footer_bg/blue.png) repeat-x 0 0;text-align:right;”>
<table cellspacing=”0″ cellpadding=”0″ border=”0″ style=”width:184px;”><tr><td><a href=”http://www.last.fm/widgets/?colour=blue&amp;chartType=recenttracks&amp;user=DantePasquale&amp;chartFriends=1&amp;from=code&amp;widget=chart” title=”Get your own widget” target=”_blank” style=”display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px -20px;text-decoration:none;border:0;”></a></td><td style=”width:74px;”><a href=”http://www.last.fm/user/DantePasquale” title=”View DantePasquale’s profile” target=”_blank” style=”display:block;overflow:hidden;width:74px;height:20px;background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px -20px;text-decoration:none;border:0;”></a></td><tdstyle=”width:25px;”><a href=”http://www.last.fm/widgets/popup/?colour=blue&amp;chartType=recenttracks&amp;user=DantePasquale&amp;chartFriends=1&amp;from=code&amp;widget=chart&amp;resize=1″ title=”Load this chart in a pop up” target=”_blank” style=”display:block;overflow:hidden;width:25px;height:20px;background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px -20px;text-decoration:none;border:0;” onclick=”window.open(this.href + ‘&amp;resize=0′,’lfm_popup’,'height=299,width=234,resizable=yes,scrollbars=yes’); return false;”></a></td></tr>
</table>
</td></tr>
</table>

Tags: Music

5 responses so far ↓

  • 1 Alby // Dec 27, 2009 at 3:39 pm

    Whoa thats freakin awsome, how do i put that on my myspace profile tho?

  • 2 DantePasquale // Dec 28, 2009 at 11:15 pm

    Actually, I don’t know! I found this code originally on the Last.FM Widget page, but its gone now!!!! I’ll see if I can post the code in the comments and maybe you can adapt the code to MySpace.

  • 3 _anon // Jun 12, 2010 at 12:24 pm

    Hi, could you possibly give me HTML codes of your second image chart (the more complicated one)? Thank you.

  • 4 kingairwick // Jul 20, 2010 at 4:13 pm

    I’d really like the HTML for that one as well, if at all possible!

  • 5 DantéPasquale // Jul 20, 2010 at 10:23 pm

    Actually, if you click on the “Get Your Own” button at the bottom, it takes you to the Last.FM Image builder at:

    http://www.last.fm/tools/charts?colour=blue&chartType=recenttracks&user=Your UserID&chartFriends=1&from=code&widget=chart

    Be sure to replace Your UserID with your Last.FM user id!

    Then you can build your own, that’s what I did!

Leave a Comment