×
logo inovablog

2017/04/27

Blogger: Como Colocar Archivos PDF en Entradas

Los archivos pdf son muy buenas herramientas para los blogueros, pueden ser contener tutoriales, manuales, exámenes, un sin fin de temáticas, por eso es indispensables que sepamos trabajarlos en el blog, aprenderemos a insertar archivos PDF en blogger, por lo general este hay que subirlo a algún hosting y luego insertarlo en el blog, aunque otra  forma de colocar estos documentos, es si el archivo esta en la web y solo hay que enlazarlo a tu sitio.

Primero veamos si tienes el pdf en tu computadora, si es así, entonces tendrás que subirlo a algún tipo de almacenamiento host, algunos de los servicios que te puedo recomendar para subir tus documentos son scribd, slideshare, dropbox, google drive, google sites. A mi en particular me gustan mas los 2 últimos por eso en la primera parte mostrare como subir y obtener el pdf para Googgle dirve y Sites, así podrás ver cual opción te gusta mas, en particular prefiero usar el segundo, el proceso puede ser  de la misma metódica para ambos servicios, si tienes una cuenta de gmail, un canal de youtube, un perfil de google+, un blog en blogger u otros servicios de google, entonces ya puedes iniciar tu cuenta en cualquiera de estos 2 servicios.

Si el archivo esta ya subido a Internet y tienes la dirección no es necesario que mires como subir un pdf a estos servicios de google (si no quieres) y puedes usar el código que te deje en la parte de abajo.


Como poner un pdf en blogger



Como subir un PDF a Google Sites


Como ya dije necesitamos una cuenta de alguno de los servicios de Google, si estas aquí es porque tendrás un blog con blogger, así que empecemos, primero nos iremos a Google Sites.

Lo que necesitamos es que crees un sitio, si ya tienes uno ignora el prime punto
  1. Ve al Botón Crear en color rojo y sigue los pasos para asignar nombre a la pagina tema y demás cosas, ya con el sitio creado continuemos.
  2. Selecciona tu sitio y dirígete al engrane situado en la parte derecha superior.
  3. Presionalo y elige la opción Administrar sitio, como se ve la imagen


  4. Te llevara a otra pagina, en esta, en la parte izquierda busca Archivos adjuntos
  5. Da click en Subir y selecciona tu PDF

Ahora vamos a obtener el enlace del pdf

  1. Una vez subido el archivo, veras a su lado 2 enlaces, uno dice Ver y el otro Descargar, da click derecho donde dice descargar y selecciona copiar dirección de enlace
  2. Este enlace (URL) pegalo en un documento de texto (txt), o cualquier parte.
  3. La url tendrá esta forma

  4. https://sites.google.com/site/NOMBREPAGINA/pagina/NOMBRE_ARCHIVO.pdf?attredirects=0&d=1

  5. Lo que tienes que hacer eliminar la parte que esta color ROJO
  6. Con eso tendrás el enlace al pdf listo, puedes seguir a la ultima parte y recuerda usar el código 2


Como subir un PDf a Google Drive


Con alguna cuenta en los servicios de google como por ejemplo: Blogger o Youtube podremos seguir vamos  a Google Drive

Si es la primera vez que entras a drive, entonces realiza los pasos que te indique para iniciar tu cuenta, una vez hecho esto seguimos.
  1. Lo primero es ir al boton azul que dice Nuevo ubicado en la parte superior izquierda.
  2. Ahora se abrirá una ventana donde deberás seleccionar el archivo de tu computadora

Ahora vamos a obtener el pdf

  1. Una vez subido el pdf, lo seleccionamos y presionamos click derecho y elegimos la opción Obtener vinculo para compartir.



  2. Puede que te salga un mensaje de copiado al porta-papeles (Quiere decir que ya la tienes copiada) con esto tendrás lista tu url.
  3. Esta URL pegala en una nueva ventana del navegador y accede a ella
  4. Dirígete a la parte superior derecha, veras un icono de impresora, una flecha y 3 puntos alineados
  5. Has click sobre los puntos y selecciona la opción Insertar elemento



  6. Este código puedes pegarlo en el apartado HTML en la entrada donde quieres que se vea el pdf, no es necesario hacer mas pasos, si quieres puedes ver el resto de este articulo (te podría servir en un futuro).

Insertar un pdf en una entrada del blog


  1. Una vez tengas la url del archivo deseado, vamos a publicarlo en una entrada.
  2. Dirígete a la entrada donde quieras mostrar el pdf.
  3. Vas al apartado HTML
  4. Aquí pegaras este código que permite poner un pdf en una entrada del blog:

  5. <iframe src="URL-del-pdf" width="640" height="480"></iframe>

  6. Reemplaza lo que dice dice URL-del-pdf, con la dirección que copiaste del primer paso, (La que dije que guardaras en un txt) o la url del pdf que tengas en la web.
  7. Lo de azul es el ancho a y lo verde es la altura que tendrá el archivo
  8. Y eso sera todo.

En muy pocos casos puede que el archivo no se muestre o cargue usando el código anterior, en esa situación usa este código en su lugar:

<embed src="URL_PDF" width="640" height="480"></embed>


Este es un ejemplo de un archivo pdf subido en una entrada de blogger


4 comentarios:

english dijo...

muy bien explicado... me sirvio muchisimo... gracias

Erendira dijo...

Gracias por el articulo, fue de mucha ayuda, excelente trabajo

JAAZ dijo...

Gracias sin tu articulo bien explicado no habria sabido como subir un pdf a blogger

Blog 1°B dijo...

hola yo si lo pude hacer solo que cuando entre de otra cuanta la blog me dice que no se pueden mostrar

2018 © Inovablog