Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
BlogTuto
2 août 2008

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 :

Image_16

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...

Deezer02

3 - et sous le lecteur j'obtiens le code du lecteur exportable

Image_17

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"

Image_18


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 Image_3 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 !!

Publicité
Publicité
Commentaires
L
CE TUTO A ETE MIS A JOUR SUR LE NOUVEAU BLOGTUTO MERCI DE CONSULTER CETTE NOTE : http://www.blogtuto.org/article-22158981.html
C
merci pour ce tuto mais j' ai toujours un souci pour voir le lecteur exportable, il y a toujours une pub en dessous de permaline et je ne vois plus le lecteur ????
M
bonjour,<br /> <br /> jusqu'ici c'est ainsi que j'effectuais la mise en musique de certains articles de mon blog mais aujourd'hui je ne vois plus en haut à droite l'icone "blog" je ne sais plus où aller pour copier le code HTLM ! Pourriez vous me renseigner ?<br /> Merci
Z
Merci !<br /> ça marche !!!
B
...par un article expliquant comment mettre une playlist sur mon site et pour qu'elle soit en boucle si c'est possible et je pense que oui. J'ai essayé plein de trucs mais impossible de faire tourner autrement qu'avec un seul morceau.<br /> Alors merci d'avance de faire un article sur ces sujets<br /> A bientot<br /> Jean-Marie
Publicité