Segundo_6P_Blogs5

Agregar música de fondo en Blogger

Para conseguir que suene música de fondo al acceder a tu blog, y en el que debes dar clic en reproducción, tan sólo necesitas seguir estas sencillas indicaciones:

1.- Selecciona en www.youtube.com el vídeo musical que prefieras. Como ejemplo para que veas con claridad el procedimiento a seguir yo he seleccionado uno al azar (pero tú puedes hacerlo con el que a ti más te guste o te convenga), pulsa el siguiente enlace para acceder a: https://www.youtube.com/watch?v=uvtlohO8EgE

2.- Te aparecerá el siguiente vídeo: <<El agujero (COVER CRISTINA BERZOSA Y CHENCHO CASADO)>>. Pulsa la opción “Compartir” que aparece más abajo del reproductor, en la línea de opciones.

3.- Cuando pulses la palabra que te he indicado (Compartir), se abrirá una ventana de opciones, en la que puedes elegir entre varias: 

4.- Pulsa en la primera opción “Incorporar",  y te aparecerá el código de inserción que en nuestro vídeo ejemplo es el siguiente:

<iframe width="560" height="315" src="https://www.youtube.com/embed/uvtlohO8EgE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Selecciónalo entero, y cópialo.

5. Posteriormente ingresa a tu blog. Dirigirse a DISEÑO, y en cualquier parte que desees clic en Añadir un Gadget, aparecerá la ventana y debes elegir HTML/JavaScript.

6. Luego aparece la ventana correspondiente donde debes escribir un nombre de Título, y en contenido pegar el código copiado del YOUTUBE.

7.- Ahora tienes que insertar en el código el siguiente texto: ?autoplay=1 después del último carácter de la URL del vídeo, y antes de las comillas que la cierran, de forma que el código de inserción te quede ahora de esta forma:

<iframe width="560" height="315" src="https://www.youtube.com/embed/uvtlohO8EgE?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Una vez modificado el código guarda los cambios.

Cuando se acceda a tu blog comenzará a sonar al dar clic sobre la música del vídeo que hayas seleccionado.

8.- Para finalizar debes cambiar el tamaño del elemento debido a que se visualiza grande, para ello debes cambiar el tamaño width y height a valores pequeños, así:

<iframe width="200" height="35" src="https://www.youtube.com/embed/uvtlohO8EgE?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Una vez modificado el código quedará de la siguiente manera:

Notas:

*Utiliza un título para el gadget que sea discreto (pues luego se verá en el blog), yo para localizarlo en la página de diseño del mío, le tengo puesto por título un simple -asterisco- para saber que es el de la música.

*Si no quieres que se vea mucho el reproductor de youtube, coloca el gadget al final del todo del blog, así no se ve el reproductor apenas pero puedes acceder a él para pulsar play o pausarlo.

* Y procura, por supuesto, elegir un vídeo que no arranque con un anuncio publicitario, pues el sonido del comercial sería lo primero que se escucharía al entrar en tu blog... tenlo en cuenta***.