Embedding an iCal calendar in an iWeb page

Question

iFriend1980 Author

Level 1

4 points

Embedding an iCal calendar in an iWeb page

I'm designing a website to accompany the chemistry classes I teach. *I would like to embed the class calendar I made using iCal into one of the pages on my site. Is there a way to do this?*

iMac (Core Duo), Mac OS X (10.4.7)

Posted on Jul 16, 2009 12:07 PM

Reply

Answer 1

Jul 16, 2009 1:38 PM in response to iFriend1980

I was trying to do the same thing yesterday. I looked all around the internet for some help but had a hard time figuring it out. I ended up importing my ical into a google calendar and uploaded the google one using the widgets device. Just make sure that when you upload to the google calendar, you change the time zone to what ever zone you are in (the default is no time zone). I realized this too late, and changed all the times, what a pain!

Reply

Answer 2

Old Toad

Level 10

207,751 points

Jul 16, 2009 2:19 PM in response to iFriend1980

There is a way to do it but it won't fit very nicely. What you do is use an HTML snippet with iFrame code:

<iframe height="XXX px" allowTransparency="true" frameborder="0" scrolling="yes" style="width:XXX px;border:none" src="URL to page to be embedded"></iframe>

You will have to adjust the height and width values to match the published iCal calendar. Since you can't resize the published iCal calendar it will be pretty big.

A Google calendar, on the other hand, can be resized and made to fix whatever size on the page you want. Like this demo page: Google calendar

There are applications that will sync iCal calendars with Google calendars.

OT

Reply

Answer 3

Aug 7, 2009 10:57 AM in response to Old Toad

Thanks Old Toad! This is exactly what I was looking for, as well. I am also looking to put the iCal into my classroom's website (made with iWeb) I have no earthly idea how to write html snippets, and your website recommendation fit the bill perfectly. It works with iWeb '09 as well.
Thanks again!
Lisa

Reply

Answer 4

Aug 13, 2009 7:49 PM in response to lbrookins

I just figured out how to do this, and I had a hard time figuring out the instructions here.

At Google.com, I found a tutorial on adding a Google Calendar in iCal that will publish to Google (integrates with all the categories on ical, you can see everything, but only publishes to the web what is on the iCal Google Calendar.:

http://www.google.com/support/calendar/bin/answer.py?hl=en&answer=99358#ical

Then I found the tutorial for embedding the published Google Calendar in the iweb page.
http://www.google.com/support/calendar/bin/answer.py?hl=en&answer=41207

I hope this makes it even easier for the next guy 😉

Reply