perjantai 7. heinäkuuta 2017

Näin upotellaan kalentereita

Ihan alkajaisiksi pitää luoda omaan google-kalenteriin uusi kalenteri. Esim. "Pyhälahden varaukset":
https://support.google.com/calendar/answer/37095?hl=fi&ref_topic=6272662

Sitten ohje, miten saat HTML-koodin sitä upotettavaa kalenteria varten:
https://support.google.com/calendar/answer/41207?hl=fi


Ja alla vielä, minne se HTML-koodi sijoitetaan bloggerissa:
  1. Blogin asetuksista valitse kohdan "Ulkoasu". 
  2. Rullaa hieman alas ja oikealla kohdassa "sidebar-right-1" (sivupalkkiin), klikkaa "+Lisää gadged".
  3. Valitse "HTML/JavaScript".
  4. Anna kalenterille otsikko 
  5. Sisältö- kenttään liitetään se google-kalenterin html-koodi. 
  6. Vinkki: Kalenterin koko saattaa oletuksena olla nettisivun sivupalkkiin sopimaton, joten muutin html-koodia seuraavanlaiseksi kohdista: width="250" ja height="300" 
HUOM: Tähän kalenteriin ei kannata laittaa mitään varaustietoja koska kalenterin pitää ollaa asetuksissa julkinen, että näkyy upotettuna blogisivulla (ulkopuolisille). Esimerkiksi kalenterimerkintään otsikoksi varattu eikä kuvauskenttäänkään mitään teksitä.

Mobiiliversiossa ei kalenteri näköjään näy, joten asetuksista pitää vielä käydä laittamassa, että näyttää mobiililaitteillekin tietokoneversion sivustosta:
  • Blogin asetuksista valitse kohta "Teema".
  • Oikealla puolella on "Mobiililaite" -näkymä. Klikkaa sen ala olevaa hammaspyörää.
  • Valitse "Ei. Näytä tietokoneteema mobiililaitteissa.".