domingo, 22 de mayo de 2022

Mostrar imágenes de Google Drive en tu sitio web (Marzo 2022)

Quieres mostrar imágenes de Google Drive en tu sitio web, blog, etc. He creado esta herramienta que te ayuda a generar el código HTML o enlaces directos a tu imagen.

¿Cómo usar la herramienta?

  • Selecciona la imagen que quieres mostrar en tu sitio web.
  • Presiona el botón de “Más” y da click en “Share”.

  • Asegúrate que la configuración sea “Anyone with the link” o en español “Cualquier persona con el link”.
  • Da click al botón de copiar enlace.

  • Pega el link en la herramienta. Si tienes mas de una imagen asegúrate de separar los enlaces con un salto de línea.
  • Da click en “Generate Links”.
  • Ya puedes copiar el código o enlace generado.

  • Pega el código generado en tu sitio web, por ejemplo:
<!DOCTYPE html>
<html>
<head>
  <title>Image From Google Drive</title>
</head>
<body>
/* Paste the HTML Embed Code here:*/
<a href="https://drive.google.com/uc?export=view&id=18RX_EwpYdZsKU0QobLvNidmhvqJPEhrH">
  <img src="https://drive.google.com/uc?export=view&id=18RX_EwpYdZsKU0QobLvNidmhvqJPEhrH" width="100%"/></a>
</body>
</html>

Y eso es todo lo que tienes que hacer. Gracias por leer este artículo y espero que te ayude a mejorar tu sitio.

    

0 comments:

Publicar un comentario

Entradas populares