Heureusement que j’ai gardé précieusement dans un dossier toutes mes vidéos…par contre j’ai du recommencé le tuto, je l’ai regroupé en un seul, en rassemblent toutes les vidéos dans l’ordre de réalisation…

Voici donc les explications en vidéo avec le son qui vous aideront à réaliser votre premier Player personnalisé…

Pour éviter les surprises pensez à faire une copie des pages que vous modifiez.

(En fonction de votre résolution d’écran, il peut apparaitre une zone blanche sous le player, pour rectifier cela il faut changer la résolution en maintenant la touche Ctrl enfoncée et en faisant rouler la molette de votre souris, vous verrez votre écran s’agrandir ou se réduire…)

Pour réaliser un Player personnalisé pour votre blog, il vous faut un logiciel de retouche d’images, comme Photofiltre…pour créer l’habillage du Player.

Donc :

1/ Créer un habillage avec Photofiltre.
2/ Allez sur Deezer.com choisissez un titre avec l’outil de recherche, personnalisez le lecteur puis copier le script.

3/ Collez le script du Player dans un Nouveau message en mode Html et ajoutez les balises en bleues ce qui va permettre d’afficher l’habillage du Player grâce à un bloc que l’on va ajouter dans la feuille de style.

Voilà ce que vous devez avoir dans votre Nouveau message en mode Html avant de publier le message :

<p class="deezer1">
<object width="220" height="55">
<param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=10789&amp;amp;amp;colorBackground=0x555552&amp;amp;amp;textColor1=0xFFFFFF&amp;amp;amp;colorVolume=0x39D1FD&amp;amp;amp;autoplay=0"></param>
<embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=10789&amp;amp;amp;colorBackground=0x525252&amp;amp;amp;textColor1=0xFFFFFF&amp;amp;amp;colorVolume=0x39D1FD&amp;amp;amp;autoplay=0" type="application/x-shockwave-flash" width="220" height="55"></embed>
</object>
</p>

Comme indiqué sur la vidéo :

4/ Ajoutez le bloc suivant dans la feuille de style :

.deezer1 {
background: url("http://www.adressehabillagedeezer.gif") no-repeat;
width: 314px;
height: 159px;
text-align: center;
padding: 48px 0px 0px 74px;
margin: 0 auto;
}

Dernière étape, si vous possédez la barre Web Developer…il vous sera plus facile de caler votre Player sur l’habillage.

Source : Le Raton Laveur…
Et encore merci à Justin-Basile pour m’avoir envoyé ce lien par email.

Il vous permet de mettre un player discret qui contient plusieurs titres et qui peut également démarrer automatiquement à l’ouverture de votre page.

Créez un compte sur http://www.deezer.com/
Ensuite cliquez sur +créer une playlist et entrez le nom pour cette playlist puis
Validez.

Ensuite, entrez le nom d’un artiste dans la barre de recherche et cliquez sur rechercher.

Une liste des titres trouvés apparait, pour écouter un titre, cliquez sur le ►triangle bleu en face du titre.

Pour mettre un titre dans votre playlist, cliquez sur la croix bleue, sélectionnez une playlist “Marvin Gaye” dans cet exemple et validez.

Une fois que vous avez mis plusieurs titre dans cette playlist, ouvrez-là en cliquant sur le nom de votre playlist qui apparait dans la colonne de gauche.

Vérifier que tout est ok, vous pouvez changer l’ordre de diffusion des titres en cliquant sur le titre et en maintenant le clic enfoncé, faites glisser le titre vers le haut ou vers le bas.

Vous pouvez maintenant cliquer sur BLOGGER

Le code de votre player apparait, vous pouvez choisir français et aussi activer la lecture automatique ou pas.

Sélectionner le code, copiez-le et collez-le dans votre message en mode html si vous êtes en mode standard ou dans une colonne de votre page d’accueil si vous êtes en mode avancé.

Voilou !

Pour enlever la barre de pub sous le player, soit vous repassez en mode texte et vous supprimez la barre de pub devenue visible en cliquant dessus et supprimer, soit vous supprimez cette ligne en mode html, elle se trouve à la fin du code :

<img src=”http://www.deezer.com/embedded/footer.jpg” alt=”free music” title=”free music” border=”0″ style=”border:none;margin:0;padding:0;” />

Lorsque la lecture n’est pas automatique, il faut cliquer sur l’icône play (le triange) pour démarrer la musique.