Installer une mosaïque d'albums de musique

Amusant pour agrémenter les colonnes de votre blog et pour mettre vos goûts musicaux en avant.

Allez sur LAST.FM

Cliquez sur Mosaïque dans le Menu de gauche

Je choisis : tag/genre plutôt que Artistes car il n'y a aucun de mes artistes préférés (merci de ne faire aucun commentaire sur mes goûts musicaux :P) et Pop

Cliquez sur Créer

Customisez le

Cliquez sur Montrez moi le code

Copiez le

<style type="text/css">table.lfmWidget20070816143156 td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidget20070816143156 tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/fr/header/quilt/artist_vertical_blue.png) no-repeat 0 0 !important;}table.lfmWidget20070816143156 tr.lfmEmbed object {float:left;}table.lfmWidget20070816143156 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/fr/footer/blue_np.png) no-repeat 0px 0 !important;;}table.lfmWidget20070816143156 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/fr/footer/blue_np.png) no-repeat -85px 0 !important;}table.lfmWidget20070816143156 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/fr/footer/blue_np.png) no-repeat -159px 0 !important;}</style>
<table class="lfmWidget20070816143156" cellpadding="0" cellspacing="0" border="0" style="width:184px;"><tr class="lfmHead"><td><a title="Musique taguée pop " href="http://www.lastfm.fr/listen/globaltags/pop" target="_blank" style="display:block;overflow:hidden;height:20px;width:184px;background:url(http://cdn.last.fm/widgets/
images/fr/header/quilt/artist_vertical_blue.png) no-repeat 0 -20px;text-decoration:none;"></a></td></tr><tr class="lfmEmbed"><td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="184" height="405" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab%23version=7,0,0,0" style="float:left;"><param name="bgcolor" value="6598cd" /><param name="movie" value="http://cdn.last.fm/widgets/quilt/11.swf" /><param name="quality" value="high" /><param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="type=tag&amp;variable=pop&amp;file=topartists&amp;bgColor=blue&amp;theme=blue&amp;lang=fr" /><embed src="http://cdn.last.fm/widgets/quilt/11.swf" type="application/x-shockwave-flash" name="widgetPlayer" bgcolor="6598cd" width="184" height="405" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"  FlashVars="type=tag&amp;variable=pop&amp;file=topartists&amp;bgColor=blue&amp;theme=blue&amp
;lang=fr" allowScriptAccess="sameDomain"></embed></object></td></tr><tr class="lfmFoot"><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 class="lfmConfig"><a href="http://www.lastfm.fr/widgets/?widget=quilt&amp;url=globaltags%2Fpop&amp;quiltType=artist&amp
;colour=blue&amp;orient=vertical&amp;height=medium&amp;path=&amp;from=code" title="Créez votre propre widget" target="_blank" style="display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(http://cdn.last.fm/
widgets/images/fr/footer/blue_np.png) no-repeat 0px -20px;text-decoration:none;"></a></td><td class="lfmView" style="width:74px;"><a href="http://www.lastfm.fr/" title="Visiter Last.fm" target="_blank" style="display:block;overflow:hidden;width:74px;height:20px;background:url(http://cdn.last.fm/widgets/
images/fr/footer/blue_np.png) no-repeat -85px -20px;text-decoration:none;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.lastfm.fr/widgets/popup/?widget=quilt&amp;url=globaltags%2Fpop&amp;quiltType=artist
&amp;colour=blue&amp;orient=vertical&amp;height=medium&amp;path=&amp;from=code&amp;resize=1" title="Ouvrir dans une fenêtre pop-up" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url(http://cdn.last.fm/widgets/
images/fr/footer/blue_np.png) no-repeat -159px -20px;text-decoration:none;" onclick="window.open(this.href + '&amp;resize=0','lfm_popup','height=505,width=234,resizable=yes,scrollbars=yes'); return false;"></a></td></tr></table></td></tr></table>

Collez le en mode source/html :

Au survol des albums apparaît le nom du chanteur.

MàJ : janvier 2009

Comments

[A l i c e]

Navrée, mais je n'ai toujours pas compris comment procéder ! Il n'y pas "Mosaïque" sur le menu de gauche ! D'ailleurs, quel est ce menu de gauche ?

[René]

Bonsoir Anna, merci beaucoup pour ce puits d'astuces bienvenu pour un paresseux tel que moi...
Bonne soirée.

[Talant]

Bonsoir annak je comprends pas comment tu as fait pour avoir plusieurs artistes ? Moi je n'en ai qu'un ! Comment dois-je procéder?Et je ne vois pas de fenêtre d'aide .Pardon de te déranger !Bonne nuitA++++++++

[Anna K]

Tu passes bien par Mosaïque ? parce que je viens de réessayer avec chanteur et j'ai plusieurs albums

[:0010:soleil51:0038:]

Un petit coucou en passant ! ! Mille bisous ! ! @nne marie qui est quand même débordée ! ! lol ! !

[Fleur de Lotus]

Merci pour la réponse à ma question.C'est très sympa ce p'tit truc, je pense que je vais l'installer sur mon autre blog.Bises