The Windows Live team just updated their blog with information on how you can embed your Windows Live Calendar on any blog or website. To do so, you’ll need to use a feature called “badges” that lets you create a mini-calendar and list of events. When embedded on a website, visitors can interact with the calendar badge by clicking the arrows to go forward and back through the months and they can click on the titles of events in the event list to open them up and see more information.
To create your own calendar badge, do the following:
- In Live Calendar, click on the calendar you want to embed in the left side of the page to bring up the calendar settings page.
- Click Edit sharing, and then Share this calendar.
- Check the box for Make your Calendar public, and then click Get your calendar links.
- Click Preview in a web browser—the pop up shows a URL like this: http://cid-235e8e235b98a7295.calendar.live.com/calendar/My+calendar/index.html.
- From that URL, you need to get the cid and the calendar name which you can then use in this HTML code: <iframe src=https://calendar.live.com/calendar/badgeif.aspx?user=[user-code]&cal=[calendar-name]></iframe>
(I bolded the parts to replace. Just replace user-code with the cid and the calendar name with the calendar name! Don’t include the brackets, though.)
With that HTML code now customized with your cid and calendar info, you’re able embed the badge onto any website. More more details on this technique, refer to the blog post.