UPDATE: 7/30/2009 PM - I found a solution and wrote a blog post about it.
This morning I am home sick, so I decided to figure out how to embed multiple calendars into my new home page. Some of the instructions are Google Sites specific, but they should be adjustable to whatever platform you are actually using.
- Go to your Google Sites page where you want to add the calendar
- Click on Edit Page
- Select the Insert menu and then select Calendar
- For now you can only insert one calendar, so fill out the menu box for one of your calendars
- Editing the object through this menu box again will write over the changes we are about to make
- I suggest turning off the calendar title, border, and name
- Editing the object through this menu box again will write over the changes we are about to make
- Click on Save in the menu box (A calendar widget should show up now)
- Click on the button for editing HTML (for some reason this takes a while to load)
- Open a new tab/window and go to your Google calendars
- Click on Settings
- Click on Calendars
- Click on one of the calendars
- Under the Embed This Calendar section, click on Customize the color, size, and other options
- Under Calendars to Display, check all the calendars you want to display on the page
- In the text box under Copy and paste the HTML below to include this calendar on your webpage you have to select and copy some text:
- Resize the box (click and drag lower right corner) so you can see all the text
- Ignore the text up to the second src=
- Select the text from that point up to immediately before &ctz=
- Copy (ctrl-c)
- Resize the box (click and drag lower right corner) so you can see all the text
- Go back to the tab/window for editing the html of the Google Sites page
- Find the origsrc attribute and select its value
- Paste the contents from the Google Calendar text box to replace the attribute value (ctrl-v)
- Click on Update