Reproductor mp3 en Blogger

Pues un tema lleva a otro.. realizando un post sobre algunos temas musicales de una novela me topé con este asunto, pues es un poco sencillo.
1.-Tu cuenta en Blogger
2.-Tener un espacio o hosting, bien sea gratuito o pago.
3.- Mp3.
4.- Reproductor flash que vamos a usar.
5.-Subir archivos
6.-Generar codigo HTML, hacer ajustes.
7.-Pegar código HTML y listo!!

Ve los pasos uno a uno...



1.-Tu cuenta en Blogger
Pues debes tener una cuenta en blogger o cual servicio de blog, etc

2.-Tener un espacio o hosting, bien sea gratuito o pago.
Bien, miles de sitios en internet ofrecen este servicio, como lycos por nombrar uno. El asunto es tener una de estas cuentas donde puedas subir archivos tales como mp3 entre otros.

3.-Mp3
Tener en nuestra pc el mp3 que vamos a subir!

4.- Reproductor flash que vamos a usar.

Nos fijamos en la siguiente página que nos ofrece la herramienta del reproductor
http://www.alsacreations.fr/dewplayer (Está en francés, pero es lo de menos)

Descargamos el que mas nos guste en nuestra pc.
Ofrece 3 tipos de reproductores, mini, classic y multi; en su sección de descarga (Téléchargement)
Descargamos, y guardamos en nuestra pc el escogido. Hay que descomprimir el archivo.Estan en formato zip.

Descargas:
Téléchargement
Le fichier Flash SWF est à placer sur votre site web (par FTP) :
Version classic : dewplayer.swf
Version mini : dewplayer-mini.swf
Version multi : dewplayer-multi.swf
Copiado y pegado desde:http://www.alsacreations.fr/dewplayer

Hasta este punto tenemos: Nuestra cuenta en blogger o algún otro blog (No estoy seguro que para todos sirva), tenemos nuestro hosting donde vamos a subir los archivos, tenemos nuestro Mp3 y el reproductor flash en nuestra pc

5.-Subir archivos
Subimos los archivos a nuestro espacio web o hosting, tanto el mp3 como el el archivo swf del reproductor descomprimido, es decir solo el archivo dewplayer.swf o dewplayer-mini.swf o dewplayer-multi.swf, en fin el que hayamos escogido.

6.-Generar codigo HTML, hacer ajustes.

En la página http://www.alsacreations.fr/dewplayer nos ofrecen una sección que genera el código HTML a pegar en la entrada que estamos creando del blog, es decir pegamos el código generado en nuestra entrada del blog donde queremos que aparezca el reproductor, esa sección se llama "Générateur de code HTML" luce algo así


















Allí selecionamos el tipo de reproductor según el que hayamos descargado, en este caso se descargó el mini, por eso está seleccionado. Donde dice "URL du fichier MP3" colocamos la dirección del Mp3 que previamente hemos subido al servidor o hosting, por ejemplo:
http://miservidor.com/minombre/canción.mp3, le damos ok y el código HTML se genera automaticamente, lo podemos observar mas abajo.

Copiaremos (para el caso del Blogger) el segundo de los códigos mostrados, el que dice "Version par défaut (passe-partout) ".

Sería algo así:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="20" id="dewplayer" align="middle"><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="FALTA LA DIRECCIÓN dewplayer-mini.swf?mp3=http://myservidor.com/minombre/canción.mp3" /><param name="quality" value="high" /><param name="bgcolor" value="FFFFFF" /><embed src="FALTA LA DIRECCIÓN dewplayer-mini.swf?mp3=http://myservidor.com/minombre/canción.mp3" quality="high" bgcolor="FFFFFF" width="160" height="20" name="dewplayer" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>

Sin embargo en este código falta algo supongo que un pequeño descuido de ellos, lo he resaltado en rojo y le he colocado FALTA LA DIRECCIÓN...

Pues por que sencillamente falta la dirección URL del reproductor que swf que hemos subido a nuestro servidor (previamente) simplemente le colocamos la dirección del reproductor que tenemos alojado o que subimos a nuestro servidor por ejemplo http://miservidor.com/minombre/dewplayer-mini.swf ; quedandonos algo así:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="20" id="dewplayer" align="middle"><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://miservidor.com/minombre/dewplayer-mini.swf?mp3=http://myservidor.com/minombre/canción.mp3" /><param name="quality" value="high" /><param name="bgcolor" value="FFFFFF" /><embed src="http://miservidor.com/minombre/dewplayer-mini.swf?mp3=http://myservidor.com/minombre/canción.mp3" quality="high" bgcolor="FFFFFF" width="160" height="20" name="dewplayer" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>

Ya estamos casi listos..

7.-Pegar código HTML.

Creamos nuestra entrada del blogger, debemos ir a edición de HTML, y copiamos y pegamos el código justo donde queremos que aparezca nuestro reproductor y listo!

Luce algo así.
Tema musical: Virus ->(NO SE ASUSTEN JAJA NO ES UN VIRUS)
Autor: agx.