Sudoku Blog : un Sudoku par jour !
Bilan 2005 Best of SamDProd

Tutorial Podcasting : Hackez Loic Le Meur !

Best of SamDProd n'a pas peur et décide de hacker le blog de Loic pour vous apprendre aussi comment faire ça :

    Podcastloic


En effet, y a pas de raison pour que Loic ou quelques inititiés soient les seuls à savoir comment faire ces petits lecteurs Mp3 dans leur notes.
J'avais déjà écrit une note sur la formation podcasting mais je ne suis pas sur que tout le monde ai bien compris à l'époque. Voici donc une petite formation pratique pour insérer un Dew Player sur votre blog TypePad.

----- Facultatif ---

Attention : Vous avez été quelques-uns à me dire que le tutorial suivant utilisait le dew player de Loic. S'il supprime son compte, votre player ne marchera donc plus.

Vous pouvez donc installer préalablement le dew player sur VOTRE compte.
Pour cela, faites un clic droit sur le lien suivante : dewplayer 1.2 reloaded puis "Enregistrer la cible sous..."

Connectez vous ensuite sur votre compte TypePad puis allez dans
Tableau de bord > Fichier
puis envoyez le dewplayer.swf dans le répertoire de votre choix.
Copier l'URL de votre dewplayer quelque part (notepad par exemple).

----- fin du facultatif ----

1- Pour insérer une musique sur votre blog, il faut que vous ayez ce fichier sur votre disque dur au format MP3.

2- Connectez vous sur votre compte TypePad puis cliquez sur "PUBLIER" dans la colonne de droite   

3- Cliquez sur l'onglet "Editer le HTML" puis dessous, sur la petite icone avec une fleche verte (à gauche de ABC)

4- Cliquez sur "Parcourir...", puis selectionner le MP3 sur votre disque dur. Cliquez ensuite sur "Envoyer le fichier"

NB:  Si vous publier votre note à ce stade, vos visiteurs pourront télécharger votre musique. Les étapes suivantes vous expliquent comme insérer un petit lecteur directement dans votre note.

5- Sur votre editeur de note, vous avez maintenant du code qui ressemble à :
<a href="http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3">Download sawyer.mp3</a> 
 Ce qui se trouve entre guillemets est l'adresse à laquelle se trouve votre MP3.

Pour insérer un petit lecteur sur votre note, selectionnez le code suivant piqué sur le blog de Loic ou allez faire un tour sur ce petit générateur automatique.

<p>
<a href="http://www.loiclemeur.com/france/files/139culturofilvl.mp3" onclick="window.open(this.href, '_blank', 'width=60,height=50,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img width="50" height="41" border="0" alt="Cliquez ici pour télécharger le MP3" title="Podcast" src="http://www.loiclemeur.com/france/images/podcastloic.gif" style="margin: 0px 5px 5px 0px; float: left;" /></a>
<br /><object type="application/x-shockwave-flash" data="http://www.loiclemeur.com/france/files/dewplayer.swf?son=http://www.loiclemeur.com/france/files/139culturofilvl.mp3" width="200" height="20"><param name="movie" value="http://www.loiclemeur.com/france/files/dewplayer.swf?son=http://www.loiclemeur.com/france/files/139culturofilvl.mp3&amp;bgcolor=#FFFFFF" /></object>
</p>

Puis cliquez sur le bouton droit de votre souris et selectionnez "Copier".
Retournez, dans votre éditeur de note  puis cliquez dessous votre première ligne de code.
Faites alors bouton droit et selectionnez "Coller".

6- Selectionnez ensuite l'adresse de votre mp3 (sur la première ligne de votre note) puis bouton droit "Copier". Dans cette exemple, je selectionne : http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3
puis bouton droit > Copier

7- Dans le gros code que vous avez collé en dessous, remplacez http://www.loiclemeur.com/france/files/139culturofilvl.mp3
par l'adresse de votre Mp3.

C 'est à dire selectionnez tous les http://www.loiclemeur.com/france/files/139culturofilvl.mp3
puis faites bouton droit "coller" pour chaque.

Cette opération  est a répéter 3 fois = remplacer le code en rouge du point 5   

Pour mon exemple, je remplace http://www.loiclemeur.com/france/files/139culturofilvl.mp3
par http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3

Au final, le code html de ma note est :

<p>
<a href="http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3" onclick="window.open(this.href, '_blank', 'width=60,height=50,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img width="50" height="41" border="0" alt="Cliquez ici pour télécharger le MP3" title="Podcast" src="http://www.loiclemeur.com/france/images/podcastloic.gif" style="margin: 0px 5px 5px 0px; float: left;" /></a>
<br /><object type="application/x-shockwave-flash" data="http://www.loiclemeur.com/france/files/dewplayer.swf?son=http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3" width="200" height="20"><param name="movie" value="http://www.loiclemeur.com/france/files/dewplayer.swf?son=http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3&amp;bgcolor=#FFFFFF" /></object>
</p>

En vert se trouve mes modifications.
Pour ceux qui ont installé le Dew player sur leur blog, replacez ce qui est en violet par l'URL vers votre propre DewPlayer.

8- Supprimez ensuite votre code du début sur la première ligne, vous n'en avez plus besoin. Pour ma part, je supprime :
<a href="http://samdprod92.europe2blog.fr/insolite/files/sawyer.mp3">Download   sawyer.mp3</a>

9- Publiez votre note.

10- Regardez votre blog, vous avez un magnifique lecteur dans votre note.

J'espère que cette petite formation vous aura aidé à faire votre premier podcast.

MAJ : Vous trouverez aussi un générateur automatique de code HTML permettant d'afficher le dew player sur votre note sur le Dew's worldblog. Il faut cependant envoyer votre fichier MP3 sur votre blog et en récupérer son adresse (URL http://.........xxxx.mp3)

Commentaires

charles

salut !! j'ai un petit probleme j'ai réussi a installer le podcast mais sa marche pas quand je clike ! je ne sais pas ou je me suis tromper si quelqu'un pouvai m'éclairer je vous passe mon blog http://charlesdu76.europe2blog.fr/le_tout_du_rien_/ (c'est mon deuxieme jour donc il n'a pas beaucoup de chôse pour l'instant) merci d'avance ciao

charles

j'oubliai merci meme si j'ai pas réussi entierement lool merci d'avoir expliquer comment on met le podcast (car tu as du passer bceucoup de temps et surtout parce que tu as fait preuve d'une générosité pour tes conaissance (lol) heu .... merci aussi a Loic car c'est lui a la base de cette invention)

charles

je veux pas dire .. mais ya un bug ?? le message de Jul c'est le miens (la preuve le blog c'est le miens) ^^

Syd

Merci pour le conseil, je viens de créer mon premier podcast.

loara

bonjour,

je voudrais savoir est ce le meme système pour insérer des videos dans un blog ? si ce n'est pas pareil j'espere que c'est moins compliqué lol

merci.

ethel

Bonjour,
Merci beaucoup pour ce tutoriel. Malheureusement sur Wordpress, les liens vers ce genre de player extérieur ne sont pas autorisés et il est impossible de charger le player sur le compte? Quelqu'un aurait il une idée pour contourner le problème?
Merci beaucoup.
Ethel

Juno888

I'll ganna visit your site..

L'utilisation des commentaires est désactivée pour cette note.