Accueil > Blogs, Tuto > Deezer sur WordPress

Deezer sur WordPress

html2Un billet technique qui n’intéressera que les blogueurs sous WordPress, Blogger, TypePad, Twitter, et Tumblr. Désolé pour tous les autres.

Si tu es arrivé sur ma page, c’est que tu as été comme moi, tu as cherché longtemps sur Google, pour pouvoir insérer le lecteur Deezer sur WordPress, et que le code HTML que tu voulais copier/coller depuis le site Deezer s’effaçait lamentablement à chaque fois.

Ce tuto est donc fait pour toi. J’en profite pour remercier Milkieroad, pour l’aide.

  1. 1ere étape, aller sur Vodpod.com et inscris toi.
  2. Direction Deezer maintenant, et choisir le morceau que tu veux insérer.
  3. Il faut cliquer sur personnaliser le player avec lecture NON automatique, afin d’éviter que la chanson ne lance automatiquement.
  4. Retourne sur Vodpod.com et colle le code dans la fenêtre Paste embed code.
  5. Cliquer sur Preview, puis Post To Blog, choisir son type de blog, ici WordPress, puis options en bas de your post
  6. Décocher include your source link et vodpod link et cocher draft.
  7. Cliquer sur Publish
  8. Le code du morceau apparait sur le post de ton blog (en HTML)
  9. Donc de retour sur post de ton blog, il reste à définir la hauteur du lecteur (=height) en ajoutant dans le code reçu, comme dans cet exemple (en gras):

« display: block; height: 50px; width: 200px »

et  “margin:0px auto” par “margin:left” pour le placer à gauche et non au centre

Ainsi que: w=225&h=59&amp au lieu de w=425&h=350&amp

Voilà, normalement çà devrait le faire.

Exemple ci-dessous:

Vodpod videos no longer available.
  1. 5 mai 2009 à 16:40

    Trop sympa ton article ! J’ai galéré quand même jusqu’à comprendre comment jouer sur la hauteur dans le code même du vodpod…

    Je te remercie en tout cas…

    Gwydyon

  2. CAE
    8 mai 2009 à 19:47

    Pas de problème, je l’ai écris avant tout pour rendre service.
    Bien mystique ton site!

  1. No trackbacks yet.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :