Ir al contenido principal

Cómo insertar un documento de Google Drive en tu página web


google-drive

 posted por il maistro 

Email to a friend
Una de las ventajas de Google Drive (antiguamente conocido como Google Docs) es que podemos crear un documento para compartirlo en nuestra página web o blog, y que las ediciones que realicemos al mismo se publiquen automáticamente en nuestra web. Muy útil para, por ejemplo, llevar control público de listas o tareas.
Estos son los pasos para insertar un documento de Google Drive en tu blog:
1. Ingresa a drive.google.com con tu usuario y clave de Google. Crea un documento cualquiera. Para este ejemplo crearemos una hoja de cálculo.
drive-hoja-calculo
2. Luego de ingresar la información inicial del documento, debes compartirlo de forma pública haciendo clic en el botón “Compartir” en la esquina superior derecha. En la sección “Quien tiene acceso” selecciona la opción “Público en la web“. En la parte inferior es muy probable que desees mantener el acceso como “Puede ver“, a menos que quieras permitir que cualquiera edite el documento, en cuyo caso cambiarás esto a la opción “Puede editar“. Guarda los cambios.
google-drive-acceso
3. De regreso en la hoja de cálculo ve al menú Archivo y selecciona la opción “Publicar en la web…”
google-drive-menu-archivo
4. Selecciona las hojas del documento que deseas publicar y haz clic en “Iniciar la publicación“. Asegúrate de que la casilla “Volver a publicar automáticamente cuando se hagan cambios” este marcada. Es importante para que la hoja se mantenga actualizada al visualizarse en tu web, con los cambios que realices en ella el el futuro.
google-drive-iniciar-publicacion
5. En la misma ventana, en la sección “Obtener un enlace a los datos publicados“, selecciona de la primera lista la opción “Código HTML para insertar en una página“. Obtendrás en la parte inferior de la misma ventana un código HTML que deberás copiar y pegar en tu página. Si lo vas a pegar en WordPress asegúrate no pegarlo usando el editor visual, sino el de texto!
google-drive-codigo-html
Eso es todo! Obtendrás un resultado similar al siguiente al colocar el código en tu blog:
Puedes modificar los valores width (ancho), height (alto) y frameborder (borde) para personalizar un poco la forma en que se mostrará el documento en tu blog. Cualquier edición que realices al documento en Google Drive se visualizará en el documento insertado en tu página luego de unos minutos.

Comentarios

Publicar un comentario

Entradas populares de este blog

Error en outlook: El servidor IMAP desea avisarle sobre lo siguiente: Web login required (Failure

Error en outlook: El servidor IMAP desea avisarle sobre lo siguiente: Web login required (Failure) Cuando el outlook (u otro cliente de correo) saca este error en cuentas de gmail o google apps: El servidor IMAP desea avisarle sobre lo siguiente: Web login required (Failure) y pide que se ingrese la contraseña varias veces pero sigue sin funcionar se debe hacer lo siguiente: 1. Verificar que el usuario ya haya ingresado por primera vez por el navegador al correo, para desbloquear el CAPTCHA (las letras difusas) 2. Cambiar el password del usuario desde su propia cuenta. 3. Establecer el tiempo de envío y recepción de correo mayor a 10 minutos desde la configuración del Outlook. 4. Cambiar el password del usuario en el outlook para que quede con el nuevo password. Si al usuario no le sale el CAPTCHA debe ingresar a esta dirección (si es google apps): https://www.google.com/a/dominio/UnlockCaptcha Donde dominio es el dominio de la cuenta. Si es gmail: https://www.google.com/account
Publicar un comentario
Leer más

Crear planos de habitaciones de manera sencilla con Planner 5D

Posted: 08 Dec 2012 12:22 PM PST Interesados en la arquitectura o diseño de interiores y están en busca de una aplicación que les permita crear planos de habitaciones de manera sencilla? Entonces tienen que darle un vistazo a Planner 5D, una webapp que nos permite crear un plano y decorar los interiores, directamente desde nuestro navegador: Al no utilizar Flash, significa que podemos acceder al servicio no sólo de nuestra PC en casa o laptop, sino también de tablets, smartphones y otros dispositivos más. Y un rápido click al botón marcado como “3D” nos dará un vistazo al plano en 3D, donde podremos modificar los colores de cada uno de los muebles en el interior. Lo mejor de todo, sin embargo, es lo sencillo que es de manipular. Si alguna vez jugaron “The Sims”, se sentirán como en casa en la aplicación, ya que sigue principios similares, pero nos da una mayor libertad. Aquí un video para que se den una idea de como funciona: Incluso podemos hasta incrust
Publicar un comentario
Leer más

7 Consejos para ahorrar al hacer compras online

Posted: 29 Jul 2011 08:00 AM PDT Con el crecimiento ineludible de internet, es un hecho que cada vez más personas prefieren comprar por internet por múltiples razones, ya sea que compres música a través de iTunes o libros electrónicos en Amazon , licencias de software antivirus o hasta consolas o ropa en eBay, lo que es un hecho es que cada vez más personas se animan a comprar online. Tras algunas decenas de experiencias comprando online, hoy decidí hacer un recopilatorio de algunos tips o consejos para ahorrar dinero cuando hagan compras en internet . De alguna manera pretendo complementar el artículo guía de comprar en Mercado Libre y la infografía de hábitos de compras online . Tal vez luego publique otro relacionado a la seguridad en compras online. Sigue a tus marcas en las redes sociales Cada vez más integrados con internet, es común ver a marcas de ropa geniales como Gap o Banana Republic dando ofertas desde los muros de sus páginas de Facebook. Es una
1 comentario
Leer más