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 …
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&user=DantePasquale&theme=blue&lang=en&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&chartType=recenttracks&user=DantePasquale&chartFriends=1&from=code&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&chartType=recenttracks&user=DantePasquale&chartFriends=1&from=code&widget=chart&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 + ‘&resize=0′,’lfm_popup’,'height=299,width=234,resizable=yes,scrollbars=yes’); return false;”></a></td></tr>
</table>
</td></tr>
</table>



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