Com incrustar Google Calendar en un lloc web o bloc

El lloc web del teu club, banda, equip, empresa o família necessita un calendari de cerca professional? Per què no utilitzar Google Calendar gratuït i fàcil? Podeu compartir la responsabilitat d'editar esdeveniments i inserir el vostre calendari en directe al vostre lloc web per informar-los sobre els propers esdeveniments.

01 de 05

Introducció: configuració

Captura de pantalla

Per inserir un calendari, obriu Google Calendar i inicieu la sessió. A continuació, vés al costat esquerre i fes clic al petit triangle que hi ha al costat del calendari que vulguis inserir. Veureu una casella d'opció expandida. Feu clic a Configuració del calendari .

02 de 05

Copieu el codi o seleccioneu més opcions

Captura de pantalla

Si esteu satisfet amb la configuració predeterminada de Google, podeu ometre el següent pas. Tanmateix, en la majoria dels casos, voldreu ajustar la mida o el color del vostre calendari.

Desplaceu-vos cap avall per la pàgina i veureu l'àrea marcada com a incrustar aquest calendari . Podeu copiar el codi des d'aquí per un calendari predeterminat de 800x600 píxels amb l'esquema de color predeterminat de Google.

Si voleu canviar aquesta configuració, feu clic a l'enllaç marcat Personalitza el color, la mida i altres opcions .

03 de 05

Personalització de l'aspecte

Captura de pantalla

Aquesta pantalla s'ha d'obrir en una finestra nova després de fer clic a l'enllaç personalitza.

Podeu especificar el color de fons per defecte que coincideixi amb el vostre lloc web, la zona horària, l'idioma i el primer dia de la setmana. Podeu configurar el calendari de forma predeterminada a les visualitzacions setmanals o de l'agenda, que poden ser útils per a alguna cosa com ara un menú de cafeteria o un calendari de projectes d'equip. També podeu especificar quins elements apareixen al calendari, com ara el títol, la icona d'impressió o els botons de navegació.

El més important per als llocs web i els blocs, podeu especificar la mida. La mida predeterminada és de 800x600 píxels. Això està bé per a una pàgina web de mida completa sense res més. Si afegiu el vostre calendari a un bloc o a una pàgina web amb altres elements, haureu d'ajustar la mida.

Tingueu en compte que cada vegada que feu un canvi, veieu una previsualització en directe. L'HTML a la cantonada superior dreta també hauria de canviar. Si no ho fa, premeu el botó Actualitza HTML .

Una vegada que estigui satisfet amb els canvis, seleccioneu i copieu el codi HTML a l'extrem superior dret.

04 de 05

Enganxa el vostre codi HTML

Captura de pantalla

Estic enganxat a un bloc de Blogger, però podeu enganxar-lo a qualsevol pàgina web que us permeti inserir objectes. Si podeu inserir un vídeo de YouTube a la pàgina, no hauria de tenir cap problema.

Assegureu-vos que estigueu enganxant al codi HTML de la vostra pàgina web o bloc, en cas contrari, no funcionarà. En aquest cas, a Blogger, només heu de seleccionar la pestanya HTML i enganxar el codi.

05 de 05

El calendari està incrustat

Captura de pantalla

Consulteu la vostra pàgina final. Aquest és un calendari en directe. Els canvis que realitzeu als esdeveniments del calendari s'actualitzaran automàticament.

Si no és la grandària o el color que tenia en ment, podeu tornar a Google Calendar i ajustar la configuració, però haurà de copiar i enganxar el codi HTML de nou. En aquest cas, esteu canviant la manera en què el calendari apareix a la vostra pàgina, no els esdeveniments.