12 sept. 2013

Blogger y Google Drive Hojas de Cálculo



Al comienzo de esta serie de artículos dedicados a la integración entre Blogger y las herramientas productivas y colaborativas de Google, te comentaba que la finalidad es llevarnos literalmente la oficia a la nube.

Las hojas de cálculo son una parte fundamental de la gestión de cualquier actividad o negocio por pequeño que sea. Desde una simple hoja con los resultados de una actividad deportiva hasta complejos análisis financieros, pasado por encuestas de satisfacción o un listado de precios.

En este nuevo tutorial, veremos el procedimiento completo para integrar en tu blog una hoja de cálculo, de manera que podrás compartir con tus seguidores/clientes/socios los datos que tu quieras.

Blogger y las Hojas de cálculo de Google Docs

¿Qué es Google Google Docs?

Google Docs es un conjunto de herramientas que te permitirán crear y editar hojas de cálculos, documentos, presentaciones y formularios, entre otros. Google Docs se encuentra integrado en Google Drive, que es algo así como una unidad de almacenamiento donde crear documentos, carpetas e incluso donde alojar copias de seguridad de archivos de tu ordenador.

Por lo tanto para crear una nueva hoja de cálculo o para importar una hoja creada con Microsoft Excel, debemos acceder a Google Drive.

Video tutorial, integrando una hoja de cálculo en Blogger

La empresa Aeege, expertos en Google Apps y Cloud Computing, ha producido un video exclusivo para los seguidores y lectores de iniciaBlog, donde se muestra todo el proceso completo, desde la creación de una hoja de cálculo hasta la integración en Blogger. Es por ello por lo que te invito a que primero veas el video y luego sigas con el resto de esta publicación.



¿Qué características están asociadas a una hoja de cálculo de Google Docs?

Esta son algunas de las características más importantes.
  • Manejo similar a Microsoft Excel. (arrastrar fórmulas, formato condicional, bloqueo de celdas, etc.)
  • Podrás compartir toda la hoja, pestañas o incluso rango de celdas
  • Puedes insertar gráficos dinámicos asociados a tus datos.
  • Informe de tabla dinámica
  • Puedes compartirla con otros usuarios en modo solo lectura o edición. 
  • Tienes reglas de notificación de cambios
  • Puedes insertar comentarios
  • Puedes insertar imágenes, presentaciones y dibujos
  • Puedes insertar un formulario (esto lo veremos en el próximo artículo)

¿Dónde se almacena mis hojas de cálculo?

Se almacenan en Google Drive, donde puedes crear carpetas y subcarpetas y organizar toda la información como quieras. Esta unidad de almacenamiento es de 15 GigaBytes gratuito. Este espacio es además el que se usa para tu correo de GMail y para las copias de seguridad de tus fotos de Google+, solo si estas superan los 2048x2048, consumiran espacio. Mas información sobre la administración de este espacio aquí.


Tutorial práctico, integrando Blogger y Google Docs - Hoja de cálculo 

Llegados a este punto, vamos a poner en práctica este tutorial.

Paso 1. Crear / Importar una hoja de cálculo y obtener el código para insertarla en Blogger.


  1. configuracion google apps hoja de calculo
    Abrir la hoja de calculo desde google docs, puede ser una hoja de cálculo creada desde Docs o un archivo subido desde su ordenador (tal y como hemos visto en el video).
  2. Una vez que tengas la hoja, haz clic al menú archivo y luego en la opción publicar en la web.
  3. Se mostrará un diálogo, haz clic en Iniciar publicación con la opción volver a publicar automáticamente cuando se hagan cambios seleccionada.








  1. En las opciones que aparecerán debe ir a Obtener un enlace a los datos publicados y allí elegir la opción código HTML para insertar en una pagina web (por defecto aparece la palabra "pagina web").
  2. Ahora debe copiar el código que esta en la opción “embed”, que es del tipo:


    <iframe frameborder="0" height="300" src="https://docs.google.com/spreadsheet/pub?key=0Al7OIV-ZyQBHdDdaWUhfTk9rSVFITXJ6X2tGMG5vQ3c&amp;output=html&amp;widget=true" width="640"></iframe>


    Paso 2. Crear un post o una página en Blogger e insertar la hoja de cálculo

    Tienes el código copiado en el portapapeles, ahora vamos a insertarlo en el blog. Lo más lógico es que te crees una nueva página (no post).

    A continuación te ofrezco unos pasos rápidos para crear tu página pero si nunca lo has hecho antes, te invito a que leas este artículo para completar estos pasos.

    1. Accede a Blogger
    2. Selecciona tu blog
    3. Haz clic sobre el apartado Páginas, a la izquierda
    4. Haz clic en el desplegable Página nueva y selecciona Página en Blanco
    5. Se abrirá el editor de páginas (muy similar al de post)
    6. Pon un título a tu página (Calendario, Cursos, Campeonatos....)
    7. Haz clic en el botón HTML
    8. Pega el código que tienes en el portapapeles
    9. Haz clic en el botón Publicar
    10. Si tenias el Gadget de páginas ésta ya debe mostrarte, si no lo tienes selecciona el desplegable Mostrar páginas como  y selecciona Pestañas principales.
    11. Visualiza tu blog y accede a tu nueva página donde muestras el calendario

    Enhorabuena!, has terminado tu primera integración de una hoja de cálculo de Google Docs en Blogger



    Ejemplo de hoja de cálculo de muestra insertada en este post

    Este es mi ejemplo, es una hoja de cálculo que muestra las referencias de productos en oferta.
    Corresponde al código que obtienes en el último punto del paso 1 y que puedes usar a modo de ejemplo.


    Antes de despedirme, quiero agradecer públicamente por todo el esfuerzo hecho al equipo de Aeege para la elaboración del video tutorial y parte de este artículo. Espero que te haya gustado y que puedas aplicarlo. Comenta aquí tus impresiones, gracias.

    ¿Qué te ha parecido el tutorial?, ¿Conocías Google Docs - Hojas de cálculo?, ¿Lo has aplicado en tu blog?



    Más información ¿Cómo poner el botón de...:?

    Premio Bitácoras

    Aviso Legal

    Licencia Creative Commons
    iniciaBlog - Te ayuda con Blogger a mejorar tu blog
    iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
    Basada en una obra en www.iniciablog.com.

    Creado por Jesús González

    Política de Privacidad de iniciaBlog | Política de Cookies
    2015 © Jesús González es el autor de iniciaBlog.com
    Tema creado por Way2themes y adaptado por inciciablog