Reproductor de MP3 para Blogger [HTML]

Descarga la canción aquí

Hoy quiero mostrarle la manera que coloco las canciones
en cada entrada de este blog...


1) Necesitamos el siguiente código HTML

<object data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" height="20" type="application/x-shockwave-flash" width="200"> <param value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" name="movie"/>
<param value="#ffffff" name="bgcolor"/>
<param value="mp3=URL DE TU MP3&amp;autoplay=1" name="FlashVars"/>
</object>

Donde:

Color Verde: URL de tu mp3 (Les enseñare como subir sus mp3)
Color Rojo: Autoplay (si no quieren que se inicie solo, simplemente la quitan)





2) Ahora aprenderán a subir sus archivos a un servidor FTP

a) Recomiendo que suban sus mp3 a esta página
https://www.dropbox.com/
bueno creen su cuenta.

b) Una vez que ya tienen cuenta, ingresan a la carpeta public
y dentro de esa carpeta, hacen esto:



c) Clic en elegir archivos



d) Ubican su archivo y empiezan a subir...








3) Ahora remplazaremos el URL DE TU MP3

a) Seleccionan la canción que subieron y dan Click en copiar enlace publico.




b) Les saldrá esta ventana, solo ponen copiar al Portapapeles o CTRL + V



c) Mi enlace publico sería este:

http://dl.dropbox.com/u/16205275/Audition%20-%20December%20(VOX%20Tune).mp3





4) Código HTML Final

<object data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" height="20" type="application/x-shockwave-flash" width="200"> <param value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" name="movie"/>
<param value="#ffffff" name="bgcolor"/>
<param value="mp3=http://dl.dropbox.com/u/16205275/Audition%20-%20December%20(VOX%20Tune).mp3&amp;autoplay=1" name="FlashVars"/>
</object>

Donde:

Color Verde: http://dl.dropbox.com/u/16205275/Audition%20-%20December%20(VOX%20Tune).mp3
Color Rojo: Autoplay (si no quieren que se inicie solo, simplemente la quitan)


5) Conclusión:

- Lo unico que ustedes van hacer es reemplazar el URL del mp3 =)
- Me despido y espero hayan entendido.

- Si desean aprender más sobre en tema, dejo la fuente.

Ciudadblogger