jueves, 9 de abril de 2015

PDF en Blogger

Para insertar PDF en Blogger existen varias formas, pero sólo explicaré 2 de ellas.

Caso 1: Tengo un archivo PDF publico en SlideShare.com

Al tener una cuenta en SlideShare se pueden subir archivos PDF entre otros formatos que soporta. Es bastante sencillo realizar la incrustación de un PDF en nuestra cuenta Blogger ya que en SlideShare nos muestra, ya terminado el proceso de subida del archivo, el código (ver Imagen 1) a incrustar en cualquier sitio Web o Blog, el cual sólo debemos copiar y pegar en Blogger de la siguiente manera:

1. Crear una nueva entrada o abrir la entrada en la cual deseamos incrustar el código generado por SlideShare.
2. En la entrada debemos cambiar de moso Redactar a modo HTML (ver Imagen 2), lo hacemos sólo haciendo clic sobre HTML.
3. Una vez en modo HTML nos mostrará el código que se crea detrás de todo lo que hemos relizado, entonces debemos copiar el código de SlideShare y pegar donde más nos guste o acomode, por lo general siempre es aconsejable insertarlo al final de todo el código.

Imagen 1 - Muestra código para incrustar en sitio Web o Blog





Imagen 2 - Cambiar modo Redactar a Modo HTML

Quedaría de la siguiente manera:





Caso 2: Tengo un archivo PDF en Drive de Google

Primeramente se debe poseer una cuenta Todo Google (Gmail, etc.) y debemos acceder a Drive que viene siendo su nube en la cual podemos subir archivos y organizarlos como gustemos. Para poder continuar vamos a obviar la manera en cómo subir un archivo a Drive (pronto haré una breve entrada para enseñar cómo hacerlo), para realizar la incorporación de un archivo PDF en Drive a nuestro Blogger debemos hacer lo siguiente:

1. Ubicar en Drive el archivo a incrustar en nuestro Blogger.
2. Hacer un clic derecho al archivo y elegimos Abrir con>Documentos de Google
3. Se nos abrirá una nueva ventana o pestaña visualizando el archivo PDF
4. Debemos dirigirnos a la parte izquierda del menú superior y elegir el menú Archivo y seleccionar Publicar en la Web...
5. En la nueva ventana debemos seleccionar Incrustar y presionar el botón Publicar
6. Aceptamos el mensaje que nos pregunta si estamos seguros que deseamos publicar el archivo
7. Nos mostrará un código, el cual debemos incrustar de la misma manera que incrustamos el anterior (por lo general se inserta en modo HTML al final del código).
8. Debemos agregar algunos atributos (debemos agregar lo de color naranjo) al código para que quedé de la siguiente manera:

<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="yes" src="https://docs.google.com/document/d/1IsWXho9tmmisV0C4lAmTxXcgdLd4W2DT0WoHoTdMqAU/pub?embedded=true" width="476"></iframe>

9. Publicamos y listo

 El resultado final nos quedaría de la siguiente manera:




Nota: subir otro tipo de formatos es la misma lógica.

No hay comentarios.:

Publicar un comentario