Agregar música de fondo al blog

En esta entrada os explicaré cómo agregar música de fondo al blog sin que el reproductor esté visible.

Lo primero que debemos hacer es subir el archivo de música a un servidor para obtener la dirección URL del propio archivo. Yo lo acabo de probar con el servicio Skydrive de Windows Live y funciona perfectamente, pero si queréis podéis usar cualquier otro.

Una vez que hemos conseguido la dirección URL del archivo que queremos poner como música de fondo en el blog, accedemos a la página principal de Blogger.

A continuación, pulsamos sobre la ficha Diseño –> Elementos de la página –> Añadir un gadget –> y seleccionamos el de tipo HTML/Javascript.

En la vista HTML de este gadget, copiamos el siguiente código:

<EMBED src="dirección_URL_del_archivo" autostart=”true” loop=”false” volume=”100” hidden=”true”><NOEMBED><BGSOUND src="nombre_archivo.extensión_archivo"></NOEMBED>

Lo único que tendréis que hacer en el código anterior será sustituir dirección_URL_del_archivo y nombre_archivo.extensión_archivo

También podéis modificar el atributo LOOP por el valor TRUE para que al finalizar la reproducción comience de nuevo.

Una vez hayamos copiado el código, solo debemos guardar los cambios y comprobar el correcto funcionamiento.

Respecto a los navegadores, lo he probado en Internet Explorer, Mozilla Firefox y Google Chrome y en los tres funciona correctamente; y en cuanto al formato de los archivos lo he probado con MIDIS y MP3. Ambos también funcionan correctamente.

Añadir solo antes de terminar que podéis descargar midis desde mi página web. A continuación os dejo los enlaces:

HIMNOS

OTROS

Descarga el código explicado en esta entrada del blog.

29 comentarios:

Anónimo dijo...

hola me gustaria recomendarte esta web de p2p para poner musica en tu web http://www.4shared.com un saludo y te felicito por como as puesto el anuncio de adsense al principio de tu blog tipo enlaces esta muy muy ingenioso

José M. dijo...

Gracias por tu comentario :)

Zantdark dijo...

¡Hola! Soy zantdark de nuevo, jejeje... bueno me gustatia que me explicaras esto: eh creado una plantilla de blogger la guardo en codigo RAR cuando descomprimo el archivo no aparece el coigo html oh xml, me aparecen las imagenes y contenidos que uso en la plantilla que creè en ves del codigo, ¿me podrias ayudar?

José M. dijo...

Hola zantdark

guarda la plantilla de esta forma

misaani dijo...

Ya tengo en mi blog de pruebas un archivo midi que descargué de tu web y en IE. se escucha bien, hasta marear, pero Firefox me pide un plugin, que dice que no encuentra. Si el no lo encuentra, me tendras que decir tú cual es, porque yo si que no lo voy a encontrar jeje.
Saludos.

misaani dijo...

Hola otra vez, no se como, pero ya funciona con Firefox y no pide nada jejeje.(De todas formas, ultimamente no esta nada fino este navegador)
Gracias por aguantarme.

José M. dijo...

Lo del plugin suele salir la primera vez, pero sí suele encontrarlo.

La verdad es que yo tampoco sé ya de qué navegador fiarme xD

Un saludo :)

once caldas dijo...

hola amigo tu blog ta bueno pero dime dices q la extension del archivo cual es ese nose cual es plis respondeme en un comen

José M. dijo...

Hola once caldas

la extensión indica el tipo de archivo que es, los archivos de sonido pueden tener extensión mid, wav, mp3, etc...

Tendrás que mirar cuál es la extensión del archivo para que éste se reproduzca en tu blog.

Si solo visualizas el nombre del archivo, debes seguir estos pasos para activar la visualización de las extensiones.

Accede al Panel de control -> Opciones de carpeta -> ficha Ver -> y desactiva la casilla Ocultar las extensiones de archivo para tipos de archivo conocidos -> pulsa el botón Aceptar y ahora sí podrás visualizar la extensión del archivo.

Un saludo :)

AlexTfe26 dijo...

Muchas gracias por el codigo, solo una pregunta, hay alguna forma de desactivarlo a placer del vistante? creia que con la tecla Esc, se dejaria de escuchar, pero no es asi.
Un saludo y espero la respuesta si eres tan amable.
Gracias de antemano.

José M. dijo...

Para eso quedaría mejor un reproductor ... gracias AlexTfe26 por tu comentario y visita :-)

Diana Rodríguez dijo...

Hola... no he podido hacer que funcione, en IE y en Chrome no suena nada y en mozilla firefox me dice que intalae un plugin que no encuentra, me puedes ayudar?

José M. dijo...

Hola Diana,

comprueba que estás escribiendo correctamente la URL del archivo donde lo tienes alojado.

Rocieras de San Isidro dijo...

hola, lo he probado y en chrome va genial xo ni en mozzilla ni en explorer va...como solucionarlo?gracias

José M. dijo...

Rocieras de San Isidro pues debería funcionar, cuando hice esta entrada del blog lo probé en los tres navegadores y funcionaba correctamente, lo raro es que te funcione en uno y en otro no ... no te aparece algún complemento para instalar cuando visitas tu blog en los navegadores en los que no te funciona la música?

Anónimo dijo...

Ay qué bueno después de tanto buscar y buscar he encontrado la forma de hacerlo gracias a tus pasos y me ha funcionado. Muchas gracias.

José M. dijo...

Gracias tenopuntonet por tu visita y comentario :-))

Anónimo dijo...

Interesante blog.
Tenía una pregunta. He probado lo de poner la música con el codigo html y me funciona. Sin embargo, tengo un problemilla que no se si tiene solución. Cada vez que cambio de página en el blog, la cnción vuelve a comenzar. Hay alguna forma de que no pase esto.

Gracias y saludos.

José M. dijo...

Hola,

se podría hacer en una web con marcos, pero en los blogs actuales ése es un problema dado que no existen marcos y cada vez que cambias de página se recargan todos los elementos de nuevo, por ese motivo la canción vuelve a empezar.

Francisco Javier Alcaide dijo...

Hola, Jose.
He seguido los pasos y no me funciona. Te he de reconocer que soy principiante en esto. ¿En que lugar concreto he de pegar el codigo?, como gadget no me funciona.
Gracias.

José M. dijo...

Hola Francisco Javier comprueba que la dirección URL del archivo de sonido está escrito correctamente.

Anyol Blog dijo...

Gracias por la imagen, ya esta colocada en mi blog.
Ahora voy a ver si le pongo musica.

José M. dijo...

Gracias Anyol :-)

Almendra dijo...

Hola, ya realize todo lo que pusiste pero no se escucha nada
el codigo me quedo asi


" autostart=true loop=false volume=100 hidden=true>

pero no se que poner en "nombre_archivo.extensión_archivo"
es mp3 pero no se que poner ahi, me ayudarias? please!! :C

PD: al iframe le he puesto a posta un espacio ahora porque dice que no permite el codigo (?)

José M. dijo...

Hola Elizabeth

en nombre_archivo-extensión_archivo debes indicar el nombre del archivo MP3 que quieras poner como fondo al blog. Debes escribirlo tal cual lo tengas, ya que cualquier fallo en el nombre o ruta del archivo hará que no se oiga nada.

Espero que lo consigas, un saludo :)

M. Barrionuevo dijo...

Me sirvió de mucho el codigo pero no se repite. En LOOP puse TRUE pero no se repite. La cancion la enlace desde goear.com

José M. dijo...

Hola Profe Barrionuevo

ups error mío, no sé por qué al publicar la entrada se comió las comillas en el código HTML, ya lo he corregido.

Prueba agregando las comillas en los valores del código HTML tal y como se muestra ahora mismo a ver si así se soluciona tu problema.

Un saludo :-)

Pedro Carlos dijo...

buena brother esoo estaba buscando gracias por el dato... dios te bendiga muchas graciass

José M. dijo...

Gracias Pedro Carlos por tu comentario y visita, un saludo :-)

Publicar un comentario

Cualquier comentario que incluya en su contenido la dirección URL de una web o blog será reportado inmediatamente por spam y no será publicado.