Last FM quilt widgets



I saw this on a friend's blog. I wanted to get one, just before I found that Last Fm stops supporting this kind of Quilt widget. It's different from the one you can now get form the official websit. This one is much more interesting. I searched for the code on google for quite a time and I found it, finally. After changing the code to which suits my desire, I made it. I post the codes here so that someone who needs it can attend his/her goal much more easily.

Here'are the codes.

Top Atrists



<table class="lastfmWidget" style="width: 184px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="lastfmHead"><td><a title="Top artists" href="http://www.last.fm/user/YOURUSERNAME/charts/" target="_blank" style="display: block; overflow: hidden; height: 20px; width: 184px; background: url(&quot;http://panther1.last.fm/widgets/images/header/quilt/artist_vertical_red.gif&quot;) no-repeat scroll 0pt -20px transparent; text-decoration: none; padding: 0pt;"></a>
</td></tr><tr class="lastfmEmbed"><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" style="float: left;" width="184" height="270"><param name="bgcolor" value="000000"><param name="movie" value="http://panther1.last.fm/widgets/quilt/6.swf"><param name="quality" value="high"><param name="allowScriptAccess" value="sameDomain"><param name="FlashVars" value="type=user&amp;variable=YOURUSERNAME&amp;file=topartists&amp;bgColor=red&amp;theme=red"><embed src="http://panther1.last.fm/widgets/quilt/6.swf" type="application/x-shockwave-flash" name="widgetPlayer" bgcolor="d01f3c" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="type=user&amp;variable=YOURUSERNAME&amp;file=topartists&amp;bgColor=red&amp;theme=red" allowscriptaccess="sameDomain" width="184" height="270"></embed></object></td></tr><tr class="lastfmFoot"><td style="background: url(&quot;http://panther1.last.fm/widgets/images/footer/background/red.gif&quot;) repeat-x scroll 0pt 0pt transparent; text-align: right;"><table style="width: 184px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="config"><a href="http://www.last.fm/tools/widgets/?widget=quilt&amp;url=user%2FYOURUSERNAME%2Fpersonal&amp;quiltType=artist&amp;colour=red&amp;orient=vertical&amp;height=small&amp;from=widget" title="Get your own" target="_blank" style="display: block; overflow: hidden; width: 85px; height: 20px; float: right; background: url(&quot;http://panther1.last.fm/widgets/images/footer/red.gif&quot;) no-repeat scroll 0pt -20px transparent; text-decoration: none; padding: 0pt;"></a>
</td><td class="view" style="width: 74px;"><a href="http://www.last.fm/user/YOURUSERNAME/" title="View YOURUSERNAME's profile" target="_blank" style="display: block; overflow: hidden; width: 74px; height: 20px; background: url(&quot;http://panther1.last.fm/widgets/images/footer/red.gif&quot;) no-repeat scroll -85px -20px transparent; text-decoration: none; padding: 0pt;"></a>
</td><td class="popup" style="width: 25px;"><a href="http://www.last.fm/tools/widgets/popup/?widget=quilt&amp;url=user%2FYOURUSERNAME%2Fpersonal&amp;quiltType=artist&amp;colour=red&amp;orient=vertical&amp;height=small&amp;from=widget&amp;resize=1" title="Load this quilt in a pop up" target="_blank" style="display: block; overflow: hidden; width: 25px; height: 20px; background: url(&quot;http://panther1.last.fm/widgets/images/footer/red.gif&quot;) no-repeat scroll -159px -20px transparent; text-decoration: none; padding: 0pt;" onclick="window.open(this.href + '&amp;resize=0','lastfm_popup','height=370,width=234,resizable=yes,scrollbars=yes'); return false;"></a>
</td></tr></tbody></table></td></tr></tbody></table>


Just copy the code and post it to where you want, change the word, "YOURUSERNAME" into your Last FM user name and it should work.

You can change the color to what you want by replacing the word "red" into "black" or "blue."


Top Albums




<style type="text/css">table.lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8 td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8 tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/quilt/album_horizontal_red.png) no-repeat 0 0 !important;}table.lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8 tr.lfmEmbed object {float:left;}table.lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat 0px 0 !important;;}table.lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat -85px 0 !important;}table.lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat -159px 0 !important;}</style>
<table class="lfmWidgetwordpress_quilt_04423851f821e72dbf98c675d601dbf8" style="width: 184px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="lfmHead"><td><a title="Top albums" href="http://www.last.fm/user/YOURUSERNAME/charts" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.last.fm']);" target="_blank" style="display: block; overflow: hidden; height: 20px; width: 184px; background: url(&quot;http://cdn.last.fm/widgets/images/en/header/quilt/album_horizontal_red.png&quot;) no-repeat scroll 0pt -20px transparent; text-decoration: none; border: 0pt none;"></a>
</td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" data="http://cdn.last.fm/widgets/quilt/13.swf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="lfmEmbed_558504211" width="184" height="180"><param name="movie" value="http://cdn.last.fm/widgets/quilt/13.swf"><param name="flashvars" value="type=user&amp;variable=YOURUSERNAME&amp;file=topalbums&amp;bgColor=red&amp;theme=red&amp;lang=en&amp;widget_id=wordpress_quilt_04423851f821e72dbf98c675d601dbf8"><param name="allowScriptAccess" value="always"><param name="allowNetworking" value="all"><param name="allowFullScreen" value="true"><param name="quality" value="high"><param name="bgcolor" value="d01f3c"><param name="wmode" value="transparent"><param name="menu" value="true"></object>
</td></tr><tr class="lfmFoot"><td style="background: url(&quot;http://cdn.last.fm/widgets/images/footer_bg/red.png&quot;) repeat-x scroll 0pt 0pt transparent; text-align: right;"><table style="width: 184px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="lfmConfig"><a href="http://www.last.fm/widgets/?url=user%2FYOURUSERNAME%2Fpersonal&amp;colour=red&amp;quiltType=album&amp;orient=horizontal&amp;height=medium&amp;from=code&amp;widget=quilt&amp;path=wordpress" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.last.fm']);" title="Get your own widget" target="_blank" style="display: block; overflow: hidden; width: 85px; height: 20px; float: right; background: url(&quot;http://cdn.last.fm/widgets/images/en/footer/red.png&quot;) no-repeat scroll 0px -20px transparent; text-decoration: none; border: 0pt none;"></a>
</td><td class="lfmView" style="width: 74px;"><a href="http://www.last.fm/user/YOURUSERNAME" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.last.fm']);" title="View YOURUSERNAME's profile" target="_blank" style="display: block; overflow: hidden; width: 74px; height: 20px; background: url(&quot;http://cdn.last.fm/widgets/images/en/footer/red.png&quot;) no-repeat scroll -85px -20px transparent; text-decoration: none; border: 0pt none;"></a>
</td><td class="lfmPopup" style="width: 25px;"><a href="http://www.last.fm/widgets/popup/?url=user%2FYOURUSERNAME%2Fpersonal&amp;colour=red&amp;quiltType=album&amp;orient=horizontal&amp;height=medium&amp;from=code&amp;widget=quilt&amp;path=wordpress&amp;resize=1" title="Load this quilt in a pop up" target="_blank" style="display: block; overflow: hidden; width: 25px; height: 20px; background: url(&quot;http://cdn.last.fm/widgets/images/en/footer/red.png&quot;) no-repeat scroll -159px -20px transparent; text-decoration: none; border: 0pt none;" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.last.fm']);window.open(this.href + " resize="0','lfm_popup','height=280,width=510,resizable=yes,scrollbars=yes');" return=""></a>
</td></tr></tbody></table></td></tr></tbody></table>


That's pretty most of it. =)


2010.11.12







0 feedback: