Hemos publicado un artículo sobre incrustar sonidos de SoundCloud en Blogger y, después de leer eso, pocas personas nos preguntaron sobre agregar música de fondo a sus blogs sin mostrar ningún control del reproductor a sus visitantes. Es posible que haya notado en algunos blogs que una vez que aterriza en él, algo de música comienza a sonar de repente. Puede ser agradable o molesto; lo que sea, lo agregan para llamar la atención de sus visitantes. ¿Qué tal si le gustaría agregar una buena música instrumental a su fondo de blog? Es simple, aquí veremos cómo agregar música de fondo o sonido al blog de Blogger.
Hay muchas maneras de agregar música de fondo a tu blog, pero aquí te mostraremos la más fácil. Al usar la etiqueta < audio>, puede incrustar un reproductor de música con controles visibles; hacer que se reproduzca un sonido a la vez cuando se cargue el sitio web y agregar una música de fondo que se reproduzca sin fin con controles ocultos. Muy bien, veamos cómo hacer esto.
Cómo agregar música de fondo o sonido al blog de Blogger
Primero, antes de agregar música de fondo a tu blog, debes tener un archivo de música para llamar. Solo en Google, busque música libre de regalías y verá muchos sitios que ofrecen descargas de música gratuitas. Seleccione cualquier música de fondo adecuada para su blog o, si ya tiene una, simplemente cárguela en cualquier sitio de almacenamiento en línea, hay cientos de los mejores servidores de alojamiento de archivos gratuitos. Espero que tu archivo de música esté listo; ahora pasa a la parte Blogger.
Véase también: Softwares gratuitos de composición musical y notación musical
Inicie sesión en su blog de Blogger y luego elija el blog en el que desea agregar su música de fondo. A continuación, vaya a Diseño, elija «agregar un gadget», seleccione el gadget HTML/JavaScript y luego agregue la línea siguiente.
<audio autoplay loop><source src="http://yourmp3-file-location.mp3"></source></audio>
Ahora en fuente src=»» agregue la ubicación de su archivo de música, guarde el gadget y luego vea su blog donde puede escuchar la música reproduciéndose, pero los controles están ocultos. En el código anterior, » reproducción automática «comienza a reproducir el sonido tan pronto como está listo y» bucle » hará que el audio se repita cada vez que termine.
Si desea mostrar controles de audio para sus visitantes, simplemente agregue controles dentro de la etiqueta de audio de esta manera.
<audio controls autoplay loop><source src="…"></source></audio>
Se parece al reproductor de audio..
Si desea agregar un reproductor de música o hacer que la música se reproduzca en una sola publicación o página, solo puede agregarla en esa página en particular. El control del reproductor de audio no se ajusta a la barra lateral de tu blog, digamos que quieres aumentar el ancho del reproductor. Para hacerlo, agregue un id dentro de la etiqueta como este < audio id = «reproductor» controla el bucle de reproducción automática> luego agregue un CSS como este
#player {width: 100%;}
¡Eso es todo! Espero que eso te haya ayudado a añadir música de fondo a tu blog.