Subir archivos pdf al blog con Google Drive

Google Drive ha complicado un poco el asunto de mostrar archivos directamente en blogger.

Primero accedemos a nuestra cuenta de drive: https://drive.google.com

y subimos el archivo pulsando sobre la flecha:

 A continuación seleccionamos el archivo que queramos subir, le damos a Aceptar y ya lo tenemos en nuestro Drive.

Cuando ha acabado de subir pulsamos sobre el nombre del archivo con el botón derecho y buscamos la opción "Compartir" --> "Compartir" . Se nos abrirá otra ventana en la que pulsaremos sobre "Cambiar"
Ahora se abre otra ventana en la que seleccionaremos "Publico en la web":
Pulsamos sobre "Guardar" y volvemos a la anterior ventana, pulsamos sobre "Fin" y volveremos a Drive.

Ahora volvemos a pulsar con el botón derecho sobre el nombre de nuestro archivo y seleccionamos "Abrir con" "Google Drive".
Se nos abrirá el documento en una ventana nueva.
Pulsamos sobre "Archivo " y buscamos "Insertar este PDF", se nos abrirá una ventana con un código, lo copiamos:
Ahora vamos a nuestro blog, creamos una entrada nueva, y en la sección "HTML" pegamos el código.

Hasta aquí la forma sencilla, después podemos hacer algunos cambios para que se adapte al tamaño de nuestro blog o para que no aparezca la barra lateral con las páginas de nuestro pdf.

 Como eliminar la barra lateral:

Es un poco complicado pero he encontrado un foro donde lo explican, como está en inglés https://productforums.google.com/d/msg/docs/pk1KvDTNgd4/f15_SpWoJj4J

lo explico aquí en castellano:

Tenemos que copiar la ID de nuestro archivo (Se encuentra en la barra de direcciones cuando estamos viendo el archivo en "Google Drive Viewer") Seleccionamos solo lo que hay rodeado en rojo es decir entre "d/" y "/edit", botón derecho y copiar.



Lo pegamos en este código sustituyendo [put your file id here] incluidos los corchetes.



<iframe src="https://docs.google.com/viewer?srcid=[put your file id here]&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="640px" height="480px"></iframe>


Copiamos este código y lo pegamos en nuestra nueva entrada en la sección "HTML"


Si también queremos modificar el tamaño, deberemos sustituir los números que acompañan a "width" que es el ancho, ahí yo pondría "100%" para que se adapte a nuestro blog, y en "height" que es el alto yo pondría "800". 


Bueno el resultado sería algo así:


<iframe src="https://docs.google.com/viewer?srcid=0B1rjI-2mR4z0ejRXbWZXLU9MeUU&pid=explorer&efh=false&
a=v&chrome=false&embedded=true" width="100%" height="800px"></iframe>

Y el pdf insertado en nuestro blog:





17 comentarios:

  1. Gracias por el tutorial, con tu permiso lo enlazo en mi blog.

    SAlu2

    enlazatealQuijOte.tk

    ResponderEliminar
  2. Por supuesto, para eso está.

    Gracias por comentar.

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. Hola, tengo un pregunta con respecto al archivo que subí en googledrive. La imagen que yo veo en el PDF es muy diferente a la que yo he subido se ve todo con muy baja resolución Como puedo mejorarlo?

    ResponderEliminar
  5. No lo sé, la verdad es que no me ha pasado nunca una cosa parecida. :-(

    ResponderEliminar
  6. El html de una entrada hace meses dejó de funcionar, que puedo hacer entonces?

    ResponderEliminar
  7. Con solo esos datos no se a que te refieres, lo siento.

    ResponderEliminar
  8. Gracias por la información, ya tengo mi pdf perfecto sin las barras laterales!!

    ResponderEliminar
  9. Hola, desde hace unos días, no consigo ver el documento, sabeis como solucionarlo?

    ResponderEliminar
  10. Muy buenas soluciones, el problema es que cada modificación de google drive deja de funcionar, quise hacer esto siguiendo tus pasos y no llegué nunca a obtener el enlace y pongo abrir como y no figura google drive viewer, sino que aparece documentos de google (lo que hace es editarlo como un word), Lumin PDF, DocHub, conectar más aplicaciones, y Aplicaciones de tu ordenador. Actualmente tengo mis documentos compartidos pero acceden a la carpeta que permití compartir y me gustaría que estuviera visible directamente en el blog. Te agradeceré cualquier ayuda.

    ResponderEliminar
  11. Me pasa lo mismo que a Javier. Sigo todos los pasos bien, pero cuando llego a abrir con, no sale la opción de google drive , y no puedo insertar pdf. Ya no se que hacer.

    ResponderEliminar
  12. Es más cómodo, fácil y sencillo usar scribd para insertar PDF en blogger y no hay que ajustar tamaños o anchos. El proceso es más intuitivo y rápido que con Drive de Google.

    ResponderEliminar
  13. No existe más Google Drive Viewer. Por favor si podrías buscar otra aplicación, te lo agradeceríamos.

    ResponderEliminar