Incrustar un documento de texto alojado en Google docs en una entrada de blog (Blogger)...

publicado a la‎(s)‎ 2 mar. 2011 8:31 por Google Apps Diplomado TIC   [ actualizado el 20 mar. 2011 12:20 ]
 y colocar la opción de descargarlo

El procedimiento es el siguiente:

1- Ingresas a Google docs
2- Buscas el documento (Formato PDF o DOC) que deseas incrustar en la entrada de blogger y lo abres. Si no lo tienes aún Googles Docs entonces lo subes. y lo abres, aparecerá una ventana externa con el que podemos visualizar el documento.
3- Copias la URL del Documento en dicha ventana



Por Ejemplo: Dirección URL
https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es
Lo pegas en la ventana de edición HTML de entradas del Blog en Blogger o en La Página de Edición HTML Google Sites donde desees incrustar el documento.
Buscas en la dirección URL que has copiado el texto que he subrayo a continuación:
https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es
Y lo reemplazas por lo siguiente
chrome=false&embedded=true&&
Tener en cuenta que no hay que dejar espacios.
Quedando así:
https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=false&embedded=true&&srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es

Copias el Dirección URL que has modificado y procedes a pegarlo en el siguiente código html en el espacio señalado en puntos y subrayado

<iframe frameborder="0" height="600px" src="......................." width="100%"></iframe>

Así Procedemos a modificar el anterior CÓDIGO HTML:

<iframe frameborder="0" height="600px" src="https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=false&amp;embedded=true&amp;&amp;srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es" width="100%"></iframe>

Para el enlace de visualización externa, opciones de guardado y descargas

Copias la dirección URL que obtuviste al principio del ejemplo y la pegas en el siguiente espacio subrayado

<span class="Apple-style-span" style="color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"><a href="....................." linkindex="17" style="color: black; text-decoration: none;">CLIC para Ver, Descargar o Guardar el Documento</a></span>

Procedemos a modificar quedando así:

<span class="Apple-style-span" style="color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"><a href="https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es" linkindex="17" style="color: black; text-decoration: none;">CLIC para Ver, Descargar o Guardar el Documento</a></span>

El Código completo quedara así:

<iframe frameborder="0" height="600px" src="https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=false&amp;embedded=true&amp;&amp;srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es" width="100%"></iframe><span class="Apple-style-span" style="color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"><a href="https://docs.google.com/a/editorblogger.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9IvwfVHGWP0NjAyMGJlNWYtODU4ZC00YWE0LTkwYzQtZDBiZjdhNTkxZTI2&hl=es" linkindex="17" style="color: black; text-decoration: none;">CLIC para Ver, Descargar o Guardar el Documento</a></span>

Das CLIC en PUBLICAR la entrada del Blog o Actualizar en el caso de de estar editando HTML en alguna página de Google Sites

El Documento aparecerá así...

¿Alguna pregunta? 
Ingresa al grupo



"Recuerda que el tiempo invertido el dia de hoy es ganancia para el dia de mañana."

"El conocimiento es una herramienta y como todas las herramientas, su impacto está en manos del usuario"

Comments