Truco: Como incrustar y visualizar un documento de google drive en tu blog (o en varios páginas web) y tenerlos siempre actualizados.
En este articulo os voy a explicar como incrustar y visualizar un documento realizado en google drive en tu blog o página web, para conseguir que cualquier cambio que hagamos en el original, se repercute en el sitio donde este incrustado.
Como sabeis, google drive podemos crear documentos, hojas de calculo,presentaciones, facilmente desde el menu de Nuevo:
(incluso más tipos de documentos, según las extensiones que tengamos instaladas)
Os voy a comentar como insertar un documento en un blog, para que se muestre y cada vez que se haga una modificación en el documento, también se vea actualizado en nuestro blog o sitio donde lo hayamos insertado:
Abrimos el documento, (en este caso es documento de texto), y nos vamos al menú Archivo (1) y luego a la opción de Publicar en la web (2):
Si pulsamos en esta opción, vemos el siguiente formulario, donde nos tenemos que ir a la pestaña de Incrustar (3), copiaremos el código HTML que aparece (4), pulsaremos en el botón de Publicar (5) y activaremos el checkbox de publicar cuando haya cambios (6):
De esta manera cada vez que haya cambios en el documento se publicará de nuevo con los cambios incoroporados.
Con el código HTML, que hemos copiado:
<iframe src="https://docs.google.com/document/d/XXXXXXXX/pub?embedded=true"></iframe>
, lo pegamos en nuestro sitio web. Ahora si lo visualizas, queda un poco feo (pequeño y sin bordes)
Vamos a mejorarlo un poco para cambiarle el tamaño y añadir un borde:
<iframe
frameborder="1" src="https://docs.google.com/document/d/XXXXXXXXX/pub?embedded=true"
style="height: 850px; width: 750px;"></iframe><br />
De esta forma conseguimos que quede del tamñao 850x750 , borde y sus barras de desplazamiento borde incluidas:
Lo que más me gusta de esto, es que podemos publicar en varios sitios el documento, y solo cambiando el original (desde google drive), se actualizarán en todos los demás lugares.
Saludos
