Cómo colocar un audio en una entrada de Blogger




Primer método. 

1. Primero creen la entrada en su blogger
2. Suban su archivo de audio a su Google Drive y compártanlo de forma publica
3. Copian el enlace compartido (después lo modificaremos).
4. En la entrada creada coloquen una imagen y texto de lo que desean compartir. 
5. cambien a modo vista HTML e inserten este código:  

<audio controls=" ">
<source src=" link "></source>
</audio>

donde Link es el enlace de tu archivo de audio que compartiste en Google Drive 
En mi caso este: 
https://drive.google.com/file/d/1uFe59GUPaRizPLXs_8zcp547qErj2RmQ/view?usp=sharing

Ahora deben modificar esto: 
1. Reemplazar donde dice:   file/d/  por    uc?export=download&amp;id=
2. Se borra al final del link lo siguiente:   /view?usp=sharing 
Así es como debe quedar el código final:

<audio controls=" ">
<source src=" https://drive.google.com/uc?export=download&amp;id=1uFe59GUPaRizPLXs_8zcp547qErj2RmQ"></source>
</audio>
 6. publiquen la entrada.

Listo así es como debe verse el control de audio: > .



Segundo método (insertando el iframe que da Drive del archivo compartido.

1. Primero creen la entrada en su blogger
2. Suban su archivo de audio a su Google Drive y compártanlo de forma publica
3.Abrir el archivo de audio que acaban de subir a su Drive en una ventana nueva. 
4. ir a la opción más acciones que está en la parte derecha superior de la página (los tres puntos verticales que están al lado de su imagen de usuario o avatar) 
5. Dar clic y elegir la opción insertar elemento. se abrirá una ventana emergente mostrándoles un código , cópienlo 
<iframe src="https://drive.google.com/file/d/1uFe59GUPaRizPLXs_8zcp547qErj2RmQ/preview" width="640" height="480" allow="autoplay"></iframe>

6. inserten el código en la entrada en modo HTML . 
pueden cambiar el ancho y el alto del iframe. por ejemplo 100 y 200 
Eso es todo. 




 

1 comentario :

  1. Muy buen articulo, seria genial si tambien pudieras hacer un video . gracias por el aporte👍😀🙌

    ResponderEliminar

Entrada destacada: Activar office 2021 (clic en el texto)

Instalar y activar office 2021 plus en 3 minutos método 1

Distributed by Gooyaabi Templates | Designed by OddThemes