How to Embed iCal Into HTML

If you want to display your Mac’s iCal calendar on your website, you must embed it in HTML. This requires having it hosted online so the HTML code has somewhere to link to. Apple’s iCal software makes putting the calendar online simple. It also will automatically update when you update iCal on your computer. This ensures that the HTML calendar on your website will always be up-to-date.

...
Embedding your iCal into HTML will ready it for online publishing.

Step

Open your iCal calendar.

Step

Select “Publish” from the “Calendar” menu.

Step

Give the calendar a name, then click “Publish.”

Step

Enter your MobileMe account information, if prompted. Most Macs will have this information already logged since all users must create one when they register their computer.

Step

Copy down the URL address of your calendar.

Step

Open your HTML code and insert the following where you would like the calendar to appear:

Step

Replace “URL” with the address you copied in Step 5. The iCal calendar is now embedded in the HTML.