iWork Weekly


How to add an iCal calendar to an iWeb web page
January 29, 2010, 5:54 pm
Filed under: Uncategorized

Using iCal with MobileMe

  1. 1.Open iCal
  2. 2.Select the calendar you want to publish
  3. 3.Go to Calendar
  4. 4.Publish…
  5. 5.Give it a title
  6. 6.Select MobileMe (set by default)

7. There are a lot of check boxes to check or uncheck depending on what you want

8. Hit Publish

9. Hit visit and copy the url of the calendar (or simply copy the “Be viewed at”)

10. Go to iWeb, and create a new page

11. Add HTML Snippet and add the following code

“<iframe src=”http://ical.me.com/username/TitleOfMyCalendar” width=”750″ frameborder=”1″ height=”1100″></iframe>”

12. Change the  http://ical.me.com/username/TitleOfMyCalendar  to your calendar.

13. Change the width and height settings to fit your page.

14. If there’s not enough room, thus the calendar doesn’t fully display on the page, increase the content width of the page by going to Inspector, PageTab, Layout, Content Width.

Special thanks to iWebfaq.




Follow

Get every new post delivered to your Inbox.