18 ene. 2013

Reproducir audio en Blogger desde Dropbox

En este post os explico el procedimiento para insertar un archivo de audio en formato mp3 en nuestro Blog utilizando la cuenta de Dropbox como repositorio del archivo.

En primer lugar debemos subir a nuestra cuenta de Dropbox, a la carpeta Public (no olvides activarla) el archivo en formato mp3 que queremos reproducir en el Blog.



A continuación copiaremos la dirección pública de ese archivo de audio.

Clicamos en el botón de la derecha del ratón sobre el archivo y pulsamos Copiar enlace público.


Pulsamos Acortar enlace y Copiar en el Portapapeles.



A continuación editaremos el post en blogger y clicaremos en el botón HTML que está situado justo al lado del botón Redactar, el documento estará en "edición Html".

Es el momento de copiar y pegar el siguiente código que contiene el reproductor de audio de Dropbox y la ubicación donde introducir la dirección web del mp3:

<object data="http://dl.dropbox.com/u/22283429/dewplayer-mini.swf" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="160"> <param name="wmode" value="transparent" /><param name="movie" value="http://dl.dropbox.com/u/22283429/dewplayer-mini.swf" /><param name="flashvars" value="mp3=http://db.tt/zWZ6iKRU" /></object>

En negrita os he marcado la dirección acortada de una canción que tengo en mi Dropbox, ahí es donde tenéis que pegar la vuestra.

Para finalizar pulsáis el botón Redactar, veréis que os aparece una barrita extraña, ese es el reproductor con vuestra canción, acabáis de dar formato al posto y lo publicáis.

Aquí os dejo el ejemplo funcionando:            

Con un procedimiento similar es posible crear lista de reproducción, pero esto ya os lo explicaré más detalladamente en otro post.

Espero que os haya resultado útil la información, no olvidéis compartir la información si os ha gustado.

12 comentarios:

  1. Hola, gracias a ti por comentar.
    Saludos.

    ResponderEliminar
  2. Lo he hecho con varias canciones pero siempre que lo pruebo me sale la misma canción, ayuda por favor:(

    ResponderEliminar
  3. Hola, prueba con otro navegador o limpia la memoria caché del navegador que estás utilizando, creo que ese puede ser el error.
    Saludos.

    ResponderEliminar
  4. Gracias!!! Muy útil para los que estamos un poco verdes en esto de los blogs...

    ResponderEliminar
    Respuestas
    1. Hola, gracias a ti por comentar. Me alegra que te resulte de utilidad.
      Un saludo.

      Eliminar
  5. Gracias, sí me funcionó, aunque tarda un poco en cargar el audio, pero me sacó del apuro.

    Saludos

    ResponderEliminar
  6. No me sale copiar enlace en el portapapeles. No sé...

    ResponderEliminar
    Respuestas
    1. Hola Montse.
      Intenta copiar en un documento del bloc de notas o de un procesador de texto como paso previo a pegarlo en la entrada del blog. No olvides que debes "pegarlo" editando en "html".
      Un saludo.

      Eliminar
  7. Hola
    No me funciona. No me sale la opción Acortar enlace y copio el enlace entero. ¿Tal vez sea `por eso?

    ResponderEliminar
  8. Hola Juan. Para que te aparezca la opción acortar enlace, debes hacer clic con el botón de la derecha del ratón sobre el fichero .mp3 y seleccionar la opción "copiar enlace público", aparecerá una ventana donde tienes la opción de "acortar enlace" y después "copiarlo en el portapapeles".
    Un saludo.

    ResponderEliminar
  9. como hago para que se reproduzca automaticamente

    ResponderEliminar