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

Para añadir música en el blog debemos ir a Diseño - Agregar Gadget- elegir  HTML/Javascript y pegar el código que dejo abajo.







Procedimiento:
En 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 antiguo 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).

Primera Opción: Reproductor Invisible
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="www.youtube.com/v/lvfyf7R8NVg?version=3&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="www.youtube.com/v/lvfyf7R8NVg?version=3&amp;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="www.youtube.com/v/lvfyf7R8NVg?autoplay=1&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="www.youtube.com/v/lvfyf7R8NVg?autoplay=1&amp;hl=es_ES" type="application/x-shockwave-flash" width="000" height="010" allowscriptaccess="always" allowfullscreen="true"></embed></object>

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. Bueno, está opción no es la más indicada, pero la decisión será de ustedes.

**************

Segunda Opción: Reproductor Visible - Pequeño

Seria 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="www.youtube.com/v/lvfyf7R8NVg?autoplay=1&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="www.youtube.com/v/lvfyf7R8NVg?autoplay=1&amp;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 y el reproductor se vería así:

Nota: Es para una sola canción, y no para una playlist, tal vez tenga que probar varias veces hasta dar con el que permita ser escuchado y/o visto. Este código tambien puede ir en una entrada del blog en el HTML.