Mettre de la musique sur mon blog avec Deezer
EDIT DU 17 AVRIL 2009
CE TUTO A ETE MIS A JOUR SUR LE NOUVEAU BLOGTUTO
MERCI DE CONSULTER CETTE NOTE : http://www.blogtuto.org/article-22158981.html
Alors d'abord on s'inscrit ici...c'est gratuit : http://www.deezer.com/
Et c'est super, y a même en français, suffit de cliquer sur le bon drapeau en haut à droite !!
Une fois que c'est fait en ayant cliquer sur le lien de confirmation reçu dans votre messagerie...vous vous connectez avec votre identifiant (vous savez que vous êtes bien connectés car on vous dit "Welcome ou Bienvenue xxxx) et vous arrivez sur cette page :
Cliquez sur les écrans pour voir en GRAND !
1 - Dans la barre de recherche vous renseignez le titre ou l'interprète du titre que vous voulez :
La page suivante se présente alors :
2 - J'arrive sur une liste...je sélectionne la chanson voulue en cliquant sur la flèche qui se trouve devant (Ici, c'est "Foundations" qui m'intéresse.... Le lecteur à droite en haut démarre...
3 - et sous le lecteur j'obtiens le code du lecteur exportable
NB : vous pouvez à ce stade personnaliser les couleurs du lecteur.
Là apparait un code HTML sur la ligne lecteur exportable (oui le truc zarbi...avec des ", des > et des mots comme target ou ref...) que je vais devoir insérer sur mon blog...
Attention, si je clique sur la case "lecture automatique"...cela veut dire que la musique démarrera toute seule sur mon blog...sinon je décoche la case et mes visiteurs devront cliquer sur le lecteur pour démarrer la musique ou non sur mon blog !
On verra plus bas, comment jouer avec cette lecture automatique *...directement sur son blog...pour éviter de tout recharger si le lendemain vous souhaitez écrire un nouvel article avec une nouvelle chanson. Ceci pour éviter que toutes les chansons se lancent en même temps...
Rien de plus énervant d'avoir 3 lecteurs qui démarrent en même temps avec 3 chansons différentes sur vos blogs...Bonjour la cacophonie !!!
4 - clic sur "copier" ou si vous avez personnalisez sur "copier ce code"
Je laisse de côté Deezer...
Je vais ensuite dans le panneau d'administration de mon blog...pour aller rédiger un nouveau message...
5 - "Nouveau message"...puis sur les 2 signes dans la barre d'outils de rédaction de message de mon blog. J'accède à l'endroit où je vais pouvoir insérer mon code HTML
Je fais un clic droit sur ma souris et je choisi "coller" et mon code apparait !
* S'amuser avec la lecture automatique du code de la chanson...
C'est là que je vais pouvoir modifier ou non "AUTOPLAY"...
En informatique, "Marche" c'est 1 et "Arrêt" c'est 0...donc on cherche où se trouve le mot "autoplay" dans le code...et on va modifier la donnée...
MARCHE avec autoplay 1
<div style="width:180px;height:25px;"><object width="180"
height="25"><param name="movie"
value="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground
=0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=1"></param><embed src="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground=
0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=1"
type="application/x-shockwave-flash" width="180"
height="25"></embed></object><a
href="http://www.deezer.com/"
style="border:none;margin:0;padding:0;"><img
src="http://www.deezer.com/embedded/footer.jpg" alt="free music"
title="free music" border="0" style="border:none;margin:0;padding:0;"
/></a></div>
ARRET avec autoplay 0
<div style="width:180px;height:25px;"><object width="180"
height="25"><param name="movie"
value="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground=
0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=0"></param><embed
src="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground=
0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=0"
type="application/x-shockwave-flash" width="180"
height="25"></embed></object><a
href="http://www.deezer.com/"
style="border:none;margin:0;padding:0;"><img
src="http://www.deezer.com/embedded/footer.jpg" alt="free music"
title="free music" border="0" style="border:none;margin:0;padding:0;"
/></a></div>
Voilà ! Ça marche ! Bon c'est pas kate nash mais moi j'aime Brassens et sa Fernande lol
Et comme j'ai choisi de mettre l'autoplay du lecteur à 0...c'est à vous de lancer la chanson ! Appuyer sur la flèche.
Si cela vous intéresse...je vous expliquerai comment créer une "Playlist" avec plusieurs chansons à la suite...oui, oui on peut le faire !!