Música en Blog con reproductor de mp3. Dewplayer

Esta entrada intenta complementar algunas preguntas sobre colocar música, grabaciones en el blog...En este caso hablo sólo de archivos .mp3 La cuelgo para responder algunos mails y consultas.
Voy a tratar de explicar el concepto. Si doy "la pastilla exacta" de cómo colocarlo en el blog, cuando los servidores dejan de funcionar o deciden cambiar "a su libre albedrío" las url's hay consultas sobre por qué no funcionan.

Intentaré que a partir de esta entrada se entiendan las webs similares que contengan reproductores tipo flash. En realidad, el funcionamiento es semejante con alguna pequeña modificación.
Ver por uno mismo cómo funcionan esas "dichosas o benditas" webs para dejar de estar a expensas de "otras" de tipo musical que te indican un artilugio con la música o grabación predeterminada que suele cargar excesivamente de peso el blog.
También uno podrá hacer su "propia carta o repertorio musical" y evitar las molestias que producen otro tipo de productos de este estilo.

Dewplayer es un clásico dentro de su gama, un simple Reproductor de mp3 flash, sencillo, rápido de cargar y configurar. Su web muestra en una actualización reciente tres versiones para usarlo de forma gratuita: Classic, Normal y Multi.

Atención: Antes de usar este reproductor es imprescindible subir el archivo .mp3 y .swf a un servidor: Sites (lo aporta el propio Blogger&Google), Dropbox o el que cada cual conozca.

Dejo los archivos .swf gratuitos para que cada cual los descargue sin necesidad de hacerse un lío en la web Dewplayer, pero allí también se pueden descargar en formato .zip: Classic, Normal y Multi.

En la página principal de Dewplayer aparece un generador de códigos HTML. Se trata de seguir las instrucciones y elegir por uno mismo lo que se desea colocar en el blog.

*Dejo la Web para elegir los códigos en la paleta de colores en el reproductor, por si alguien lo necesita.

◙ Nos aparecerá una pantalla similar:

**Una vez que tus archivos mp3 están en un servidor:
1. Copia el código del reproductor que hayas elegido.
2. Entra en Diseño - Elementos de la página - Añadir un gadget - HTML/Javascript y ahí pega el código "milagroso" O puedes colocarlo en una entrada en la zona de "Edición de HTML".

►Códigos de los reproductores a usar según la propia web Dewplayer:

A. Classic:

Siguiendo la introducción que doy, la web da un código que en este caso será:

Hay que tener claro lo que hay que modificar por la url que nos da el servidor al que previamente hemos subido el archivo (ver siguiente imagen). En mi caso, recomiendo Sites pues es el único que está relacionado con Blogger&Google...pero cada cual elija el que le dé la gana.

Recoger las url's correspondientes de Sites u otros servidores y sustituir en los puntos indicados:

<object type="application/x-shockwave-flash" data="http://sites.google.com/site/unblogdelujo/dewplayer.swf" width="200" height="20">
<param name="wmode" value="transparent" />
<param name="movie" value="http://sites.google.com/site/unblogdelujo/dewplayer.swf" />
<param name="flashvars" value="mp3=http://sites.google.com/site/lunilandiaoer/Serrat%20-%20Gran%20Dia.mp3&amp;showtime=1" />
</object>

B. Normal

<object type="application/x-shockwave-flash" data="http://sites.google.com/site/unblogdelujo/dewplayer-mini.swf" width="160" height="20">

<param name="wmode" value="transparent" />

<param name="movie" value="http://sites.google.com/site/unblogdelujo/dewplayer-mini.swf" />

<param name="flashvars" value="mp3=http://sites.google.com/site/lunilandiaoer/EstrellaMorente-VOLVER.mp3&amp;showtime=1" />

</object>

C. Multi:





<object type="application/x-shockwave-flash" data="http://sites.google.com/site/unblogdelujo/dewplayer-multi.swf" width="240" height="20">

<param name="wmode" value="transparent" />

<param name="movie" value="http://sites.google.com/site/unblogdelujo/dewplayer-multi.swf" />

<param name="flashvars" value="mp3=http://sites.google.com/site/unblogdelujo/LosRodriguez-HaceCalor.mp3|http://sites.google.com/site/lunilandiaoer/Serrat%20-%20Gran%20Dia.mp3|http://sites.google.com/site/lunilandiaoer/Serrat%20-%20Mediterraneo.mp3&amp;showtime=1" />

</object>

■ Como os habréis dado cuenta los tres reproductores que se ofrecen siguen la misma fórmula que relato en la introducción y en el tipo Classic.

Atención:

Cuando trabajamos con Sites os daréis cuenta que algunas veces suele añadir un pequeño código al final del archivo .mp3 .swf .txt.....etc. Para que funcione perfectamente en este tipo de códigos y páginas solo hay que borrarlo o no copiarlo:
Pej: En el blog de pruebas una canción sería:

http://sites.google.com/site/unblogdelujo/LosRodriguez-HaceCalor.mp3?attredirects=0&d=1

El sufijo señalado en rojo se borra o elimina. El concepto es que tienes que trabajar en estos casos con archivos que terminen en las terminaciones conocidas .mp3, .swf , ¿ok?

■ Resumen de pasos:

1. Subir los archivos .swf que da esta página a un servidor (recomiendo Sites)
2. Subir los archivos .mp3 que te dé la gana a Sites, no importa su extensión. Piensa que tiene 100 MG de capacidad y el día que se acabe te abres otra cuenta Google y listos.
3. Elegir en la web de Dewplayer el tipo de reproductor que queremos usar hasta obtener el código que nos da.
4. Copiar el código que nos da la web y hacer las sustituciones de las url's obtenidas al subir 1 y 2.
5. Colocarlo en la "Edición HTML" de una entrada
O
Entra en Escritorio - Diseño - Elementos de la página - Añadir un gadget - HTML/Javascript y ahí pega el código que habrás creado. Éste puede ir en la sidebar, footer......

Espero que el rollo haya sido llevadero.

Nancy, me falta "un detalle" y ya tendrás toda la información disponible sobre la cuestión que me hiciste sobre .mp3. （＾＿－）