In the calendar settings, you can find the extra options for sharing your calendar. Have it generate the iframe code for you. Part of that code is the calendar source and it looks something like this:
&src=7sqqkm9545qun10j0t2t2r8akk%40group.calendar.google.com
That &
is simply the code way of stating &
and the %40
is the code version of @
.
So you need to add in the source for a second calendar. Find the source for the second calendar and change the @
to %40
.
[email protected]
becomes
7sqqkblahblahblahblah%40group.calendar.google.com
Then insert into the iframe code the src for the second calendar, like so:
&src=7sqqkblahblahblahblah%40group.calendar.google.com
Here is what the iframe code looks like to start:
<iframe src="https://www.google.com/calendar/embed?showPrint=0&showCalendars=0&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=7sqqkm9557qun1oj0t2t2r8akk%40group.calendar.google.com&color=%23B1440E&ctz=America%2FNew_York" style="border-width: 0;" frameborder="0" height="600" scrolling="no" width="100%">
and here is the second iframe code with two calendars' src codes.
<iframe src="https://www.google.com/calendar/embed?showPrint=0&showCalendars=0&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=isprj5h0d4uv3hs59iqt7u76kc%40group.calendar.google.com&src=7sqqkm9557qun1oj0t2t2r8akk%40group.calendar.google.com&color=%23B1440E&ctz=America%2FNew_York" style="border-width: 0;" frameborder="0" height="600" scrolling="no" width="100%">