¿Cómo poner y/o añadir Música en un Blog de Blogger?

Es muy muy fácil. Vamos a Youtube, escogemos el vídeo con la canción que nos gusta y damos click en "Compartir".
Click en el botón "Insertar".

En las opciones que aparecen buscamos y marcamos el último recuadro que dice "Utilizar el antigüo código de inserción".

Copiamos todo el código y lo pegamos en un archivo de texto. (Utilizaré un código cualquiera como ejemplo).
Y aquí viene lo bueno ;)

Primera Opción: Reproductor Invisible
Actualización hoy 20 de Enero del 2013
Si queremos que la Música comience a escucharse inmediatamente al entrar a nuestro Blog, buscamos lo siguiente en el código que tenemos:
<object height="420" width="315"><param name="movie" value="http://www.youtube.com/v/Aq4eqLSFbHw?version=3&hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Aq4eqLSFbHw?version=3&hl=es_ES" type="application/x-shockwave-flash" width="420" height="215" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Sustituimos en donde dice [version=3 por autoplay=1] en los dos lugares que les indiqué en color rojo y colocamos "000" en width y "010" en height (en donde dice: width="420" height="315"). Quedaría así: width="000" height="010".
Ejemplo:
<object height="000" width="010"><param name="movie" value="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&hl=es_ES" type="application/x-shockwave-flash" width="000" height="010" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Actualización hoy 20 Enero 2013: Modificar el valor por "000" en width y "010" en height *Recuerden hacerlo en los dos width y height*.
Nota: Con esta opción sus visitantes se podrían sentir incómodos, porque no encontrarán de donde viene la música y en caso de que no les guste, no podrán quitarla. Ojo, que no a todos nos gusta el mismo tipo de música y lo que buscamos es hacerlos sentir bien, para que quieran regresar no?. Bueno, está opción no es la más indicada, pero la decisión será de ustedes. ;)

Segunda Opción: Reproductor Visible - Pequeño
Sería el mismo código anterior, sólo modificaremos las medidas de ancho y alto de la siguiente manera:
<object height="235" width="25"><param name="movie" value="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&hl=es_ES" type="application/x-shockwave-flash" width="235" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Ya con el código modificado y listo, entramos a la pestaña de Diseño de nuestro Blog, agregamos un gadget.

Copiamos el código en un Nuevo elemento HTML, click en Guardar.

Vamos al Blog a ver cómo nos quedó. Y listo!. Nuestro Reproductor se vería así:

No hay comentarios:
Publicar un comentario