HTML & Gadgets‎ > ‎How-tos‎ > ‎

Google Calendar

posted Dec 10, 2011, 9:34 AM by Morteza Mirmojarabian   [ updated Dec 21, 2013, 10:54 PM ]
Here's how to customize a Google Calendar and embed it on Google Sites.

Instructions
  • Get the URL:
Go to your Google Calendar ► in the calendar list on the left, click on the down-arrow button next to the calendar you want to embed ► select Calendar settings ► in the Embed This Calendar section, click the Customize the color, size, and other options link ► in the Google Embeddable Calendar Helper, select your options and the calendars you wish to display ► copy the iframe source. For example:

HTML code:
<iframe src="https://www.google.com/calendar/b/0/embed?height=450&amp;wkst=1&amp;bgcolor=%23cc9933&amp;src=id9d9thjcre2heq31f8gjeot4k%40group.calendar.google.com&amp;color=%23711616&amp;ctz=Asia%2FTehran" style="border-width:0" width="600" height="450" frameborder="0" scrolling="no"></iframe>
Iframe source: https://www.google.com/calendar/b/0/embed?height=450&amp;wkst=1&amp;bgcolor=%23cc9933&amp;src=id9d9thjcre2heq31f8gjeot4k%40group.calendar.google.com&amp;color=%23711616&amp;ctz=Asia%2FTehran
  • Insert the URL:
Get back to your Google Site ► click Edit pageInsertMore gadgetsPublic ► Search Templates: "Iframe Wrapper" by Mori ► Select ► enter the URL ► customize the gadget DisplayOKSave.

Result

DiscussPlease note that all posts are moderated.