Mettre de la musique sur mon blog avec Deezer

Vendredi 17 avril 2009 5 17 /04 /2009 07:36

Mettre de la musique sur mon blog avec Deezer

Edit du 17 avril 2009 : Je (re) mets ce tuto à jour, la config de deezer a encore changé et je suis pas mal harcelée à cause de cela (il semble que je sois la seule qui cherche les solutions lol)

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 - Ensuite vous allez dans l'onglet "musique"

La page suivante se présente alors :

2 - Vous sélectionnez "créer une playlist dans la colonne de droite "

3 Vous la créez en lui donnant le nom de votre choix

4 - Vous recherchez le nom d'un artiste ou d'un album

5 - deezer peut vous proposer l'orthographe qui lui convient, cliquez sur le lien proposé si il correspond à votre requête

6 - cliquez sur le signe + sur le titre qui vous convient ce qui va faire apparaitre un déroulant pour sélectionner votre playlist

7 - selectionnez la playlist puis cliquez sur ajouter

8 - Procédez ainsi pour tous les morceaux que vous voulez avoir dans votre lecteur exportable, puis dans la colonne de gauche cliquez sur votre playlist (dans le cas présent mon exemple est "demo blogtuto" )

9 - vous allez visualiser le ou les morceaux que vous avez sélectionné

10 - et là le truc que je dois être la seule à lire sur mon écran pour obtenir le code html... se trouve au dessus...

cliquez sur PARTAGER

ce qui va ouvrir cette fenêtre :

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 vous allez devoir insérer sur mon blog...

Laissez de côté Deezer...

Allez ensuite dans le panneau d'administration de votre blog...pour aller rédiger un nouveau message...

11 - "Nouveau message"...puis sur les 2 signes ou dans html 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...

<div style="width:180px;height:236px;"><object width="180" height="236"><param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=23736654&lang=FR&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&id=2928133"></param><embed src="http://www.deezer.com/embedded/widget.swf?path=23736654&lang=FR&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&id=2928133" type="application/x-shockwave-flash" width="180" height="236"></embed></object><br><font size='1' color ='#000000' face='Arial'>Découvrez <a href='http://www.deezer.com/fr/amy-macdonald.html'>Amy Macdonald</a>!</font></div>

Si vous mettez 0 dans autoplay cela revient à demander à vos lecteurs de démarrer eux même la musique (ce que à titre perso je recommande chaudement sinon laissez 1 et ça démarrera seul.

Découvrez Amy Macdonald!

ce tuto vous explique comment mettre de la musique dans un message mais vous pouvez bien sûr la mettre dans une colonne en mode html (mode avancé pour certains)

Par Lavande - Publié dans : Toutes plateformes - Ecrire un commentaire - Voir les 38 commentaires

Précédent : Personnalisez vos colonnes (Blogs... Retour à l'accueil Suivant : Installer une bannière cliquable sous...

Commentaires

merci, je vais essayer, ça peut &eacirc;tre sympa ...

Commentaire n°1 posté par Cocktail le 02/08/2008 à 10h52

Merci Lavande pour les explications. Ca m'a bien été utile, je galérais depuis plusieurs jours pour trouver cette manip'.

Commentaire n°2 posté par Maraud le 11/08/2008 à 18h33

Yo bien bien tout ca c génial mec, je voudrais juste savoir komen faire pour mettre plusieurs chansons (plylist) a la suite sur mon blog voili voilou si tu peuts rep sur mon mail merci bocou

Commentaire n°3 posté par antoine le 25/09/2008 à 21h49

le mec est une femme et la réponse à ta demande est là
http://www.blogtuto.org/article-22159080.html

Réponse de Lavande le 03/10/2008 à 15h15

merci super tuto hyper clair meme pour une nulle en info ca fait plaisir!!!

Commentaire n°4 posté par marlène le 14/10/2008 à 22h48

merci Marlène!

Réponse de Lavande le 27/10/2008 à 08h54

Trop bien, après plusieurs recherches et des explications douteuses, je t'ai trouvé ! Et là, c'est la fin du cauchemard ! MERCI 1000 FOIS !

Commentaire n°5 posté par SOPHIE le 17/10/2008 à 10h57

Merci à toi!

Réponse de Lavande le 27/10/2008 à 08h54

merci beaucoup pour tes supers conseils. Un vrai jeu d'enfant avec tes explications. J'ai tout de même un petit souci : ça marchait et puis maintenant je n'ai plus le son sur mon blog. cette "panne" te dit quelque chose ??

Commentaire n°6 posté par Christine le 14/11/2008 à 17h42

J'ai retrouvé le son. tout fonctionne. mille merci.

Commentaire n°7 posté par Christine le 15/11/2008 à 13h12

Super! C'était quoi le pb?

Réponse de Lavande le 20/11/2008 à 06h31

J'ai fait comme indiqué pour mettre de la musique avec un texte. la barre de musique apparait bien mais on entend rien... de plus j'aurais voulu mettre une musique à l'acceuil de mon blog. merci !

Commentaire n°8 posté par gothikaaie le 17/11/2008 à 14h34

pour avoir une musqie d'accueil il est préférable de mettre deezer dans les colonnes. Il faut être en mode avancé pour cela.

Réponse de Lavande le 20/11/2008 à 06h34

Un grand merci pour ton très précieux et très efficace tuto !

Commentaire n°9 posté par Mutsuko le 17/11/2008 à 22h13

Merci pour ton com'

Réponse de Lavande le 20/11/2008 à 06h34

je n'arrive pas à insérer le code, je ne sais pas ou le mettre merci de me renseigner je ne comprend rien du tout

Commentaire n°10 posté par arhan le 24/11/2008 à 06h34

Voilà un message bien pratique et ça fonctionne du premier coup, en plus ! Merci ! J'ai donc collé le code dans un message et la chanson démarre. Par contre, si je passe à un autre message, la chanson s'arrête. Comment faire pour que la chanson passe pendant toute la durée de la visite sur le blog. Est-ce possible ? Ou faut-il pour cela copier le code dans tous les messages ?? Ou être en mode avancé ? Merci d'avance !

Commentaire n°11 posté par Béné le 24/11/2008 à 11h12

oui il faut être en mode avancé sur canalblog.

Réponse de Lavande le 17/04/2009 à 08h28

bonjour, pourriez-vous m´expliquez comment faire en sorte que mon deezer avec playliste soit présent même pendant la lecture des articles et photos? Je l´ai mis à droite de ma page d´accueil, lorsqu´on change tape sur un article, il disparaît. Merci.

Commentaire n°12 posté par Lubomir JANCOK le 21/12/2008 à 12h20

sur quel plateforme blogues tu ?

Réponse de Lavande le 11/02/2009 à 20h34

merci grace à toi j'ai enfin peu le faire bizzzzzzzzzzzzzzzzzz

Commentaire n°13 posté par mediane le 18/01/2009 à 17h01

coool !

Réponse de Lavande le 11/02/2009 à 20h28

ahhh enfin un tuto qui explique cela !

Commentaire n°14 posté par cat le 16/04/2009 à 21h47

oups ! mon mesage est parti trop vite !

Commentaire n°15 posté par cat le 16/04/2009 à 21h47

???????

Commentaire n°16 posté par cat le 16/04/2009 à 21h48

mon souci : je suis inscrite sur deezer et tout, j'ai trouvé les titres qui m'intéressent mais je n'ai pas le code associé au "lecteur" exportable ? je n'ai que le permalien sous le titre ? c'est normal ? comment puis-je faire ?merciiiii

Commentaire n°17 posté par cat le 16/04/2009 à 21h51

j'ai mis le tuto à jour.

Réponse de Lavande le 17/04/2009 à 08h17

Bonjour,
Chouette la mise à jour du tuto tout en images. Cela me permet de mettre à jour mes propres notes... Pour moi aussi, Deezer est un important "point d'entrée" ;-)
Merci encore.

Commentaire n°18 posté par Gee Mee le 17/04/2009 à 09h49

cool ! je te laisse copier le tuto chez toi ;-) Si tu veux que je t'envoie les captures d'écran fais moi signe.

Réponse de Lavande le 17/04/2009 à 10h17

Merci, ça marche ! super et facile

Commentaire n°19 posté par M@ryline le 17/04/2009 à 11h12

Je me permets un ti coucou... C'est papillon du bonheur qui m'a conduit a toi....
Alors j'ai fais tout comme toi mais je beug au Numéro 10!
J'ai pas de code qui apparait dans partager....même justa avant j'ai rien d'ailleur...Me serais je tromper?
Merci de ton aide et bisous de Manoue!

Commentaire n°20 posté par MANOUE le 28/04/2009 à 15h59

Merci Lavande pour ce tuto très clair !!!
Cependant, j'ai un gros problème : ça ne marche pas...
Au début j'ai cru que c'était parceque ma playlist était trop lourde (une 2àaine de chansons) alors j'en ai créé une avec une seule chanson, mais ça ne change rien... je ne comprends rien ! et je suis super énervée car ça fait des jours que je rame pour trouver une solution et je coroyais l'avoir trouvée ici, mais ça ne marche pas... pourtant d'autres ont esayé et ça marche apparemment, mais pas pour moi... Il n'y a tout simplement rien qui apparait sur mon message... Si tu vois pour quoi, ça m'intéresse car là, je suis pas loin de déclarer forfait...

Commentaire n°21 posté par indian isa le 03/05/2009 à 17h22

Passe toi aussi pas la case "contact" dans le menu sous la bannière et donne moi le script et tes identifiants, je te le ferai.

Réponse de Lavande le 03/05/2009 à 19h45

Moi non plus, j'ai tout recommençais 3 fois, mais ca veut pas me donner de code d'accés????
merci de ton aide precieuse et bisous de Manoue!

Commentaire n°22 posté par MANOUE le 03/05/2009 à 18h11

Passe par la case "contact" sous le menu et donne moi tes codes d'accès et le code a insérer, je te le ferai.

Réponse de Lavande le 03/05/2009 à 19h44

Merci pour ta proposition, mais, d'une part, je préfère garder mes identifiants pour moi et, d'autre part, je préfère savoir le faire pour pouvoir être autonome et changer la musique comme je le souhaite. Je t'envoie tout de même le code html d'une des musiques que je veux mettre, dans le cas où tu es toujours ok pour m'aider. A+

Commentaire n°23 posté par indian+isa le 03/05/2009 à 22h46

Je te laisse chercher seule, tu as raison, c'est la meilleure façon pour apprendre. A mon niveau un script ne me permet de rien faire et je ne peux pas faire plus qu'un tuto.

Réponse de Lavande le 05/05/2009 à 07h39

Re ! J'ai réessayé, et ça marche !!! Je ne sais pas ce qui s'est passé cet aprem, car j'ai fait exactement pareil... bref, ça marche !!!
Par contre, le hic, c'est que la musique n'est pas intégralement passée. juste un extrait qui est présenté... c'est pas le top... tu connais une solution pour ça ?

Commentaire n°24 posté par indian+isa le 03/05/2009 à 23h16

la solution ? j'en connais une top... "demande à deezer" Ils sont quand même bien mieux placés que moi pour répondre, tu ne crois pas ?!!!!!

Réponse de Lavande le 05/05/2009 à 07h37

Je ne comprends pas ta réaction, comme quoi Deezer est mieux placé pour répondre, vu que tu mets un tuto lié à Deezer... Si tu ne sais pas, ok, pas de problème. mais là...Bizarre ta réponse... c'est parce que je n'ai pas voulu te confier mon identifiant et mon code perso ?

Commentaire n°25 posté par indian+isa le 06/05/2009 à 19h45

et bien écoute...

Moi quand j'ai un pb avec ma baqnue je ne vais pas voir mon assureur, je vais voir mon banquier...
quand j'ai un pb avec un logiciel je vais voir l'éditeur et si j'ai un pb avec mon hébergeur, je vais voir l'hébergeur.
Dans le même esprit, tu as un pb avec deezer, vu que je ne travaille pas pour eux, je te conseille de leur demander à eux ! C'est aussi simple que ça.
Le fait d'avoir rédiger un tuto pour utiliser deezer ne fait pas de moi l'employée de deezer et ne m'oblige pas à assurer le SAV. Sinon à ce compte là parce que je fais un tuto pour google, je dois répondre aux questions sur google, je fais un tuto sur copyright je deviens l'encyclopédie copyright, je fais un tuto sur Over-blog je réponds à la place de over-blog etc !
les tutos sont là pour rendre service. Le tuto ne doit pas être trop pourri puisque tu as réussi à mettre de la musique sur ton blog. Ma mission est donc à mon niveau remplie.

Pour le reste, il vaut mieux demander au bon Dieu qu'à ses saints. Donc je réitère, si tu as un pb avec deezer demande à deezer.

Pour finir, je me permets de te renvoyer au billet http://www.blogtuto.org/article-30623645-6.html
dans lequel j'explique que je ne fais plus de dépannage (alors que je t'ai quand même proposer mon aide) précisément parce que j'en ai marre de me prendre des refléxions et de subir l'ingratitude. Je trouve que ton commentaire qui laisse entendre que parce que je mets un tuto deezer, je me dois de te répondre sur les pb d'intendance deezer, complètement ahurissant.

Bonne continuation.

Réponse de Lavande le 06/05/2009 à 20h03

Je crois qu'on s'est mal comprises. Ton tuto m'a bien renseignée et je ne t'ai jamais laiss entendre que tu DEVAIS assurer tputes mes répnses. Je comprends tout à fait que tu ne saches pas répondre à tout et que tu n'aies pas envie de chercher plus que tu ne sais déjà. Mais c'est dans ta façon de dire les choses que je n'ai pas apprécié. J'aurais apprécié que tu me dises simplement que tu ne savais pas, car je ne pouvais pas le deviner. j'espère que c'est clair cette fois...

Commentaire n°26 posté par indian+isa le 07/05/2009 à 14h53

Bonjour,
Merci pr le tuto tout d'abord =)
En fait, j'aimerai juste mettre un seul titre, j'ai vu sur des blog des personnes le faire mais je ne vois pas comment faire ... donc voila si jamais vous savez =)

Commentaire n°27 posté par Lola le 20/06/2009 à 15h21

Dans ce cas, fais une playlist avec un seul titre ;-)

Réponse de Lavande le 21/06/2009 à 19h22

Ah ué ... merci

Commentaire n°28 posté par lola le 21/06/2009 à 20h36

Merci beaucoup pour ce tuto. Mon blog est bien plus agréable maintenant qu'il y a de la musique :)

Commentaire n°29 posté par Tasticottine le 24/06/2009 à 23h39

ça c'est chouett !

Réponse de Lavande le 25/06/2009 à 14h38

désolée mais moi j'y comprends toujours rien ...

Commentaire n°30 posté par lolo le 26/07/2009 à 11h32

désolée pour toi...

Réponse de Lavande le 31/07/2009 à 17h34

C'est bien expliqué certes mais j'y comprends rien... on m'a dit qu'il falait "mettre en html" ... ??!
Je veux juste pouvoir mettre un widget dans un article (et pas toute la playlist)...

S.O.S :(

Commentaire n°31 posté par lolo le 26/07/2009 à 11h39

comme tu ne laisses pas l'adresse de ton blog et que en conséquence je ne sais pas quelle est ta plateforme, je ne peux pas te répondre.

Réponse de Lavande le 31/07/2009 à 17h34

merci pour toutes ces indication.
avec le lien exportable c'est allez vite.

Juste une question. mon site est hebergé par roxorgamers.
Mon porbléme maintenant c'est que la musique s'arrête a chaque changement de page. aurais tu une solution pour cela?

Commentaire n°32 posté par cadhnikof le 07/08/2009 à 06h07

Bonjour,
J'aimerais savoir somment avoir le lecteur, la musique, en continu sur toutes les pages de mon blog ?
Merci d'avance,

Cathy

Commentaire n°33 posté par Cathy le 17/08/2009 à 16h01

A ma connaissance ce n'est pas possible.

Réponse de Lavande le 01/09/2009 à 09h12

Bonjour,
merci pour le tuto, c'est vraiment super clair et beaucoup plus intuitif avec votre aide ! ^^
Bonne continuation,
Spoon. (contente d'avoir enfin sa playlist ! :) )

Commentaire n°34 posté par spoon of stars le 14/10/2009 à 17h30

Bonjour!!
Tout d'abord, merci pour ce tuto super bien fait pour une débutante comme moi, je suis en mode avancée et en 2 secondes (j'exagere un peu là!) j'ai pu mettre de la musique sur mon blog. Merci beaucoup. Par contre quand on s'inscrit sur deezer ce n'est pas les mêmes images que celles que tu as mis sur ton tuto pour tes explications. Du coup je sais pas si ça a avoir avec mon problème: je trouve pas "autoplay" dans le code HTLM Regarde si tu veux:

Découvrez la playlist Nouvelle playlist avec Stray Cats

Voilà ce que j'ai et du coup tout est super mais la musique se met direct en marche et si on me le demandait j'aimerais pouvoir donner le choix a ceux qui me suivent d'allumer ou non la musique. Mais je sais pas ou mettre le "o" ou le "1" dans l'histoire...
Tu crois que tu peux m'aider stp? (Sinon c'est pas grave, parce que franchement c'est que un "détail" aprés le gros du travail mis en place grâce à tes conseils...)

Commentaire n°35 posté par marinadolls le 22/11/2009 à 16h49

Ton tuto est très détaillé et facile à comprendre, mais je n'arrive pas à accéder au code html des chansons, j'ai juste l'adresse url ! Est-ce que tu aurais une solution ?

Commentaire n°36 posté par Lee le 30/11/2009 à 20h01

Bonjour,
Je viens de réussir à mettre de la musique sur mon blog grâce à votre super tuto, malheureusement le temps d'écoute de la chanson est de 25s au lieu de 2 minutes et des poussières: comment faire pour avoir le morceau en entier?
Merci

Commentaire n°37 posté par emmab le 06/03/2010 à 18h53

J'ai trouvé!!!!! Par contre comment mettre deezer en tout petit?
Merci

Commentaire n°38 posté par emmab le 06/03/2010 à 20h18