Como inserir Google Calendar nun sitio web ou blogue

O teu equipo de club, banda, equipo, empresa ou familia necesita un calendario profesional que busque? Por que non usar Google Calendar gratuíto e sinxelo. Podes compartir a responsabilidade de editar eventos e inserir o teu calendario en directo no teu sitio web para que todos coñezan os próximos eventos.

01 de 05

Comezando - Configuración

Captura de pantalla

Para inserir un calendario, abra Google Calendar e inicie sesión. A continuación, vai ao lado esquerdo e fai clic no pequeno triángulo xunto ao calendario que desexa inserir. Verá unha caixa de opción expandirase. Fai clic en Configuración de calendario .

02 de 05

Copia o código ou seleccione máis opcións

Captura de pantalla

Se estás satisfeito coa configuración predeterminada de Google, podes omitir o seguinte paso. Non obstante, na maioría dos casos, quererá modificar o tamaño ou a cor do teu calendario.

Desprácese cara a abaixo e verá a área marcada con este calendario . Podes copiar o código desde aquí para un calendario predeterminado de 800x600 píxeles co esquema de cores predeterminado de Google.

Se queres cambiar esta configuración, fai clic na ligazón marcada. Personaliza a cor, o tamaño e outras opcións .

03 de 05

Personalización da mirada

Captura de pantalla

Esta pantalla debería abrirse nunha nova fiestra despois de facer clic na ligazón de personalizar.

Pode especificar a cor de fondo predefinida para que coincida co seu sitio web, a zona horaria, o idioma eo primeiro día da semana. Pode axustar o calendario por defecto ás vistas semana ou axenda, que pode ser útil para algo así como un menú de cafetería ou un calendario de proxectos de equipo. Tamén pode especificar que elementos aparecen no seu calendario, como o título, a icona de impresión ou os botóns de navegación.

O máis importante para sitios web e blogs, pode especificar o tamaño. O tamaño predeterminado é 800x600 píxeles. Isto está ben para unha páxina web de tamaño completo sen máis nada nel. Se engades o teu calendario a un blog ou páxina web con outros elementos, terás que axustar o tamaño.

Teña en conta que cada vez que fai un cambio, verá unha vista previa en directo. O HTML na esquina superior dereita tamén debería cambiar. Se non o fai, prema o botón Actualizar HTML .

Unha vez que estea satisfeito cos seus cambios, seleccione e copie o HTML na esquina superior dereita.

04 de 05

Pegar o teu HTML

Captura de pantalla

Estou pegar isto nun blog de Blogger, pero podes pegarlo en calquera páxina web que che permita inserir obxectos. Se pode inserir un vídeo de YouTube na páxina, non debería ter un problema.

Asegúrese de estar pegando no HTML da súa páxina web ou blog, se non, non funcionará. Neste caso, en Blogger, só tes que seleccionar a lingüeta HTML e pegar o código.

05 de 05

O calendario está integrado

Captura de pantalla

Ver a túa páxina final. Este é un calendario en directo. Os cambios que fagas nos eventos do teu calendario serán actualizados automaticamente.

Se non é o tamaño ou a cor que tiñas en conta, podes volver a Google Calendar e axustar a configuración, pero deberás copiar e pegar o código HTML de novo. Neste caso, está a cambiar a forma na que aparece o calendario na súa páxina, non os eventos.