Crear el visor para incrustar tu(s) calendario(s) en el blog

Crear el visor para incrustar tu(s) calendario(s) en el blog

Tienes el calendario el cual tiene un evento de prueba, ahora vamos a obtener el código HTML para poder insertar el visor del calendario en el blog. Para ello sigue estos pasos:

1. Haz clic en tu calendario para que muestre el menú desplegable
2. Haz clic en la opción que pone Configuración del Calendario
3. Una vez dentro de la configuración del calendario, baja hasta que veas el apartado Incrustar este calendario
4. Haz clic en el enlace que pone Personalizar el color, tamaño y otras opciones.
5. Se abrirá ahora una nueva pestaña en el navegador. Tienes delante un pequeño asistente con el que vas a tener que experimentar un poco. Tienes un apartado Mostrar, donde decidir qué elementos quieres que tenga tu visor. Vista predeterminada, el ancho y el alto. También el día por el que empieza la semana, color y otros atributos de tu visor. Además fíjate que en el visor puedes combinar otros calendarios. Tendrás en todo momento una simulación de como va a quedar.
6. Cuando tengas tu configuración, deberás copiar el código HTML que te ofrece la propia página. Copia y deja la pestaña con esta herramienta abierta.

Paso 1 y 2

Paso 3

Paso 5 y 6

Integrar el calendario en Blogger

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