Vad att veta
- I Google Kalender, välj three dots bredvid en kalender > Inställningar och delning > kopia Bädda in kod.
- Kopiera koden för standardinställningarna för kalendern eller välj Customize för att ändra inställningarna.
- Kopiera HTML-koden och klistra in i HTML-koden för din webbsida.
Den här artikeln förklarar hur du väljer, anpassar och bäddar in en Google-kalender på din webbplats. Instruktionerna gäller för stationära datorer i alla webbläsare.
Hur man bäddar in en Google-kalender på din webbplats
Använd den kostnadsfria Google Kalender för att hantera och dela en offentlig kalender på din webbplats.
Komma igång: Inställningar
För att bädda in en kalender, logga in på Google Kalender. Gå sedan till den vänstra panelen och håll muspekaren över kalendern du vill bädda in. Välj tre prickar som visas. I den utökade alternativrutan väljer du Inställningar och delning.
Kopiera koden eller välj fler alternativ
Bläddra ned till avsnittet Integrera kalender. Under Använd den här koden för att bädda in den här kalendern på en webbsida, kopiera inbäddningskoden. Standardstorleken är en kalender på 800 x 600 pixlar med Googles standardfärgschema.
Välj Customize för att ändra inställningarna.
Anpassa utseendet
När du har v alt Customize, ange standardbakgrundsfärgen för att matcha din webbplats, tidszonen, språket och den första dagen i veckan. Ställ in kalenderns standardinställning till Week, Månad, eller Agenda view.
Agenda-vyn är användbar för något som en cafeteriameny eller ett teamprojektschema.
Du kan också ange vilka element som ska visas i din kalender, som titeln, utskriftsikonen eller navigeringsknapparna.
Standardstorleken är 800 gånger 600 pixlar. Den storleken är bra för en webbsida i full storlek utan något annat på den; men om du lägger till din kalender på en blogg eller webbsida med andra objekt måste du justera storleken.
Varje gång du gör en ändring visar sajten en liveförhandsvisning. HTML-koden ovanför din kalender ändras också.
När du är nöjd med dina ändringar, gå till toppen av skärmen och under Bädda in kod, kopiera (Ctrl+Celler Command+C) HTML-koden.
Klistra in din HTML
Klistra in (Ctrl+V eller Command+V) koden i den relevanta delen av HTML-koden för din webbsida.
Kalendern är inbäddad
Visa din sista sida för att visa livekalendern. Alla ändringar du gör i händelser i din kalender uppdateras automatiskt.
Om det inte är riktigt den storlek eller färg du tänkt dig, gå tillbaka till Google Kalender och justera inställningarna, men du måste kopiera och klistra in HTML-koden igen. I det här fallet ändrar du hur kalendern visas på din sida, inte händelserna.
