Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
samedi 02 août
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 !!
Tags : deezer, musique
samedi 05 avril
Pour éviter que toutes les chansons se lancent en même temps
Pour éviter que tous vos lecteurs de musique installés sur votre blog se lancent en même temps...vous pouvez modifier l'"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...
Je vais dans le panneau d'administration de mon blog et dans le corps du message où j'ai installé un lecteur DEEZER....
Je clique sur les 2 signes <> dans la barre d'outils de rédaction de message de mon blog
J'accède à l'endroit où le code HTML s'affiche
Attention d'être méticuleux en modifiant l'autoplay...la moindre modification (espace en trop ou en moins, signes en plus ou en moins...) du code peut empêcher votre lecteur de fonctionner et vous obligera à recopier un code intact.
1 - Je veux que le lecteur se lance tout seul
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>
2 - Je veux que le lecteur soit en pause (c'est mon visiteur qui pourra le lancer ou non)
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 !
Et comme j'ai choisi de mettre l'autoplay du lecteur à 0...c'est à vous de lancer la chanson ! Appuyer sur la flèche.
Tags : deezer, musique
Comment créer une playlist avec DEEZER
Je vous ai expliqué comment mettre de la musique sur votre blog dans ce TUTO
Maintenant voyons comment créer une playlist (en français, une liste de chansons...et non plus seulement un titre !)
Vous allez sur Deezer comme expliqué ICI
Et vous n'oubliez pas de cliquer sur le drapeau français pour avoir les explications en français (il y a aussi en danois...mais c'est moins aisé !!)
1. Créer une playlist
Dans le bas de votre écran à gauche...vous avez "CREEZ UNE PLAYLIST" vous cliquez dessus !
Un nouvel écran s'affiche
Vous allez donner un nom à votre playlist, puis laissez "publique" et ensuite "VALIDER"
Votre playlist est crée...mais VIDE !!
Nous allons voir comment la remplir
Vous choisissez une chanson ou un artiste en indiquant son nom et en cliquant sur le bouton de recherche
Vous sélectionnez ensuite une chanson en cliquant sur la croix "+" devant le titre de la chanson (la flèche c'est juste pour écouter...c'est pas bon !)
Puis vous sélectionnez le nom de votre playlist (celle qui nous intéresse s'appelle "Blogtuto"...)
Pour y ajouter la chanson sélectionnée on clique sur "AJOUTER"
Ça y est, la première chanson est dans la liste...
On continue avec la 2ème chanson...
Vous choisissez une chanson ou un artiste en indiquant son nom et en cliquant sur le bouton de recherche
Vous sélectionnez ensuite une chanson en cliquant sur la croix devant le titre de la chanson
Et ainsi de suite...
2. Supprimer un titre
Vous cliquez sur le titre et une croix rouge apparait. Vous cliquez dessus...le titre s'efface
3. Comment installer cette playlist sur votre blog ?
Vous la sélectionnez dans la liste de vos playlist à gauche de votre écran et vous cliquez sur "BLOG"
Vous accédez à un nouvel écran contenant le code que vous allez devoir copier.
"Sélectionner tout" et "Copier" ! (insistez bien...parfois cela ne fonctionne pas du premier coup !)
le mieux étant de cliquer juste en dessous sur "Copier ce code"
Ensuite vous allez dans le panneau d'administration de votre blog en rédaction de message et vous collez le code.
Ça y est votre playlist est installée !!
Si vous souhaitez modifier l'autoplay du lecteur c'est ICI
Ça vous évite la cacophonie sur votre blog...c'est à vos visiteurs de lancer ou non le lecteur pour l'écoute...mais c'est comme vous voulez !!
So listen comme dit Coeur de Loire chez qui j'ai sélectionné toute cette chouette musique
Tags : deezer, musique