Last.fm gadget

So I've spent hours searching for a gadget that actually works on blogger, to place my recently listened to tracks on my page. Something that refreshes itself, looks nice and neat and won't cause you a headache.

With the help of the true web guru (my husband) We were able to rip off the flash file for last.fm and insert it to Blogger"s handy html/javascript gadget creator.

For those who want this on their blogger, just follow these easy steps:

1. Login to Blogger
2. Go to the Layout section of the blog you want it under
3. Under the Page Elements Page, Click Add a Gadget to wherever you want this widget to be placed.
4. Paste the following to the widget and save.
*Note you will need to replace "desired username" with the last.fm username
you want the data to come from. Don't include the " "
5. Enjoy!
6. I haven't tried it, but you can probably tweak the colors...

<table border="0" cellpadding="0" cellspacing="0" class="lfmWidget20070605170738" style="width:300px;">
<tbody><tr class="lfmHead">
<td>
<a href="http://www.last.fm/user/"desired username"/" style="display:block;overflow:hidden;height:20px;width:300px;background:url(http://panther1.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.gif) no-repeat 0 -20px;text-decoration:none;" target="_blank" title=""desired username": Recently Listened Tracks"></a>

</td>
</tr>
<tr class="lfmEmbed">
<td>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab%23version=7,0,0,0" height="179" style="float:left;" width="184">
<param name="bgcolor" value="d01f3c" />
<param name="movie" value="http://panther1.last.fm/widgets/chart/3.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="sameDomain" />

<param name="FlashVars" value="type=recenttracks&amp;user="desired username"&amp;theme=black&amp;lang=en" />
<embed flashvars="type=recenttracks&amp;user="desired username"&amp;theme=black&amp;lang=en" allowscriptaccess="sameDomain" bgcolor="d01f3c" height="179" name="widgetPlayer" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://panther1.last.fm/widgets/chart/3.swf" type="application/x-shockwave-flash" width="184">
</embed>
</object>
</td>
</tr>
<tr class="lfmFoot">
<td style="background:url(http://panther1.last.fm/widgets/images/footer_bg/black.gif) repeat-x 0 0;text-align:right;">
<table border="0" cellpadding="0" cellspacing="0" style="width:300px;">


</table></td>
</tr>
</tbody></table>
<script>gadgets.util.runOnLoadHandlers();</script>

4 comments:

Wren said...

Hi, found this post while looking for a way to do this.
Where did you paste the code? I have seen people saying "Choose HTML/Java under Add Your Own" but all I get is an "Add URL" option.
Thanks in advance :)

Rose said...

I know I won't ever get a response but eh.....I finally got the code to work on my blogger BUT the song titles keep blinking. Well, I am just mostly glad that it works....but it would be better if I knew how to make it not blink. beggars can't be choosers, I guess

wellDecent said...

Thanks for this! Finally a Last.fm widget that actually works! : )

Zhino said...

Hi. Thanks a lot for sharing this. Was something that i was looking for. Just a question, is there a way to edit the colors and width size?

Thanks in advance.

Post a Comment