Incrustrar o Embeber un archivo Excel en una página web Blogger

Compatibilidad: Excel 365 2021 2019 2016

En ocasiones necesitamos incrustrar o embeber un archivo Excel en una página web Blogger, que nos permita mostrar la información del libro.

Blogger es un servicio creado por Pyra Labs y adquirido por Google, que permite crear y publicar un blog en línea. Para publicar contenidos, el usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting.

Los blogs alojados en Blogger generalmente están alojados en los servidores de Google dentro del dominio blogspot.com.

Incrustrar o Embeber un archivo Excel en una página web Blogger

Embeber un archivo significa insertar (incrustar) código de un lenguaje dentro de otro lenguaje.

Generalmente el código embebido es llamado script, y sirve para hacer más potente a un lenguaje. Por ejemplo, las páginas web se desarrollan en lenguaje HTML, pero puede embeberse códigos JavaScript o PHP para aumentar las posibilidades. En nuestro caso deseamos embeber un archivo Excel dentro de una página web para que aparezca la información en en lugar insertado.

Iframe (inline frame o marco incorporado en inglés) es un elemento HTML que permite insertar o incrustar un documento dentro de un documento HTML principal.

  • SUBIR EL ARCHIVO EXCEL

Disponemos del libro Excel "Mi libro Excel.xls" con la información que deseamos embeber o incrustrar en una entrada Blogger.

  1. Iniciar sesión en la cuenta Gmail / Identificarnos como usuario y contraseña.

  2. Ir al Botón de Aplicaciones de Google / Clic sobre Drive. Para entrar en la aplicación.

    Logotipo Google Drive

  3. Pulsar el botón Nuevo / Hojas de Cálculo de Google. Mostrará la ventana del programa.

    Vista de Goolge Drive, Nuevo / Hoja de cálculo de Google

  4. Ir a: Barra de Menú / Archivo / Abrir; O también Atajo de teclado Ctrl + O. Mostrará ventana abrir archivo.

    Vista de Hoja de cálculo de Google

  5. Ir a: Menú / Subir.

  6. Pulsar el botón seleccionar archivo del equipo. Mostrará ventana de carga de archivos.

    Hoja de cálculo de Google con ventana abrir un archivo

  7. Indicar la carpeta y archivo del libro Excel.

  8. Pulsar el botón Abrir. Convertirá el archivo Excel en Hoja de Cálculo Google.

    Hoja de cálculo de Google importada de Excel

  • OBTENER EL CÓDIGO

  1. Ir a: Barra de Menú / Archivo / Publicar en la web. Mostrará ventana.

  2. Pulsar sobre Insertar. Como la categoría de la publicación.

    Hoja de cálculo de Google, vista publicar en la Web

  3. Seleccionar todo el documento o la hoja deseada.

  4. Pulsar el botón Publicar. Mostrará el código html para embeber el archivo.

  5. Ir al cuadro del código y copiar.

  6. Cerrar la ventana de publicar en la web.

  • EMBEBER EL ARCHIVO EXCEL

  1. Ir al Botón de Aplicaciones de Google / Clic sobre Blogger. Para entrar en la aplicación.

    Botón aplicacione Google, Blogger

  2. Entrar en el Blog deseado.

  3. Ir a a página o entrada deseada. Donde insertar la tabla.

  4. Situarse en la parte del documento donde insertar el archivo Excel.

    Vista entrada en Blogger con código del iframe

  5. Pulsar el botón HTML. Para insertar el código copiado.

  6. Pegar el código:

    <iframe src="https://docs.google.com/spreadsheets/d/1Tds5qWC-ntSTE6o0ukFW4VZiARMGARUsPGVxr6mpjNw/pubhtml?widget=true&headers=false"></iframe>

  7. Modificar el código añadiendo:

    <iframe src="https://docs.google.com/spreadsheets/d/1Tds5qWC-ntSTE6o0ukFW4VZiARMGARUsPGVxr6mpjNw/pubhtml?widget=true&headers=false" style="width:700px; height:520px;"></iframe>

    - style="width:700px; height:520px;". O el tamaño deseado que define el tamaño del área visible, ancho y alto.

  8. Pulsar el botón Vista previa. Verificar como muestra el archivo Excel incrustrado o embebido.

Vista del archivo Excel incrustrada o embebida
Nivel de dificultad: Avanzado Excel Avanzado

14 comentarios en “Incrustrar o Embeber un archivo Excel en una página web Blogger

  • una consulta como puedo hacer para publicar una consulta en excel en mi blog de blogger, es decir , tengo las calificaciones de los estudiantes y quiero que vean sus notas a traves el blog pero que coloque su codigo de matricula y como respuesta que obtengan su calificación.

  • Buenas, una pregunta por favor, podría indicarme si una vez publicado un archivo de excel, de la manera que ha dicho aquí los alumnos pueden utilizarlo directamente? O se lo tienen que descargar? Y como lo harían?
    Gracias

  • Buenas tardes. A ver si puedes ayudarme.Tengo una mini base de datos en excel. Realizada en dos hojas.
    Funciona correctamente en Excel y Google Sheet, pero cuando la subo a Blogger siguiendo tus pasos, no
    funciona la celda desplegable con el registro a buscar. La he revisado , y creado de nuevo en Google Sheet, pero no me funciona. Gracias de antemano.. Nicolas

    • Hola Nicolas,

      Existen incompatibilidades entre Excel y Google Sheet y más al exportarlo como web.
      Excel para web (anteriormente Excel Web App) amplía su experiencia de Microsoft Excel al explorador Web, donde puede trabajar con libros directamente en el sitio web en el que se almacena el libro. Todos los clientes de Office 365 pueden ver y editar ligeramente los archivos de Office con Office para la Web.

      Saludos.

  • Hola, tengo un archivo en exel a modo de macros para que, al modificarlo, de ciertos resultados. ¿Es posible meter una hoja editable de exel que sólo funcione durante la visita y no modifique permanentemente el archivo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.