lunes, 20 de abril de 2026

INCRUSTAR UN PDF EN UNA WEB O BLOGGER









 Para incrustar un PDF de Google Drive en Blogger de forma que el documento sea visible directamente en el post (y no solo un enlace), el método del <iframe> es el más efectivo.

Paso 1: Configura el PDF en Google Drive

Para que tus lectores puedan verlo, el archivo debe ser público.

  1. Abre el PDF en Google Drive.

  2. Haz clic en el icono de Compartir (el busto con el +).

  3. En "Acceso general", cambia "Restringido" a "Cualquier persona con el enlace".

  4. Dale a Hecho.

Paso 2: Obtén el código de inserción

  1. Con el PDF abierto en la vista previa de Drive, haz clic en los tres puntos verticales (⋮) arriba a la derecha.

  2. Selecciona "Abrir en una ventana nueva".

  3. En esa nueva ventana, vuelve a hacer clic en los tres puntos (⋮).

  4. Ahora te aparecerá la opción "Insertar elemento...".

  5. Copia el código HTML que aparece (empieza por <iframe...).

Paso 3: Pégalo en tu entrada de Blogger

Ahora ve a tu panel de control de Blogger:

  1. Crea una Nueva entrada (o edita una existente).

  2. En la esquina superior izquierda del editor, haz clic en el icono del lápiz y cambia a la Vista en HTML.

  3. Pega el código que copiaste de Google Drive en el lugar donde quieras que aparezca el PDF.

  4. Si quieres que ocupe todo el ancho de tu blog, cambia el valor de width a 100%. El código debería verse algo así:

HTML
<iframe src="https://drive.google.com/file/d/TU_ID_AQUÍ/preview" width="100%" height="600" allow="autoplay"></iframe>

Tips adicionales para Blogger:

  • Ajuste de altura: Si el documento es muy largo, cambia el valor de height="600" por uno mayor (ej. 800 o 1000) para que no tengan que usar tanto el scroll interno.

  • Vista previa: Vuelve a la Vista de Redacción para seguir escribiendo texto antes o después del PDF, aunque ten en cuenta que a veces dentro del editor de Blogger no se ve el PDF, pero al darle a Vista previa de la entrada sí aparecerá.


No hay comentarios.:

Publicar un comentario

PADLET

 PADLET PARA ENTREGA DEL ENACE DEL VÍDEOTUTORIAL GIMP Made with