Adding a Google Calendar to Your Web Page

Note: This post is one of a series of posts that breaks out the individual topics of my presentation “Pimp My Web Page” given at WebVisions 2009. Code tested for XHTML 1.0 Strict pages on IE 6 and 7 for PC, Firefox 3 for PC/mac, Safari 4 public beta for mac.

To add a Google Calendar to your web page, once again Google has some nice cut-and-paste code we can use.. just follow these easy steps:

1. Sign in to your Google Calendar account and find the calendar you want to add
2. Click “Calendar settings” from the calendar dropdown menu
3. Click “Customize the color, size and other options”
4. Customize and preview
5. Copy code
6. Paste into page

You can check out a more in-depth tutorial here.