Do you have a calendar you’d like to share with the world? With Windows Live Calendar, you can create a calendar badge to post on your blog or website. That way, anyone can see your calendar from any browser.
Here’s what a calendar badge looks like:
You can move forward and backward in time by clicking either a date or the month arrows. The event list shows events starting from the highlighted day. It will show as many as will fit within the badge’s height. (My next blog post will show you how to adjust the size of your badge.)
Here’s how you create a badge:
1. Click on the calendar that you’d like to share — you can find your list of calendars on the left side of the page.
2. This brings up the calendar settings page. Click Edit sharing, and then Share this calendar.
3. Check the box for Make your Calendar public, and then click Get your calendar links.
4. 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. This can be a little tricky, but I’ve tried to make it simple for you. For the calendar badge URL, the two important parts are your user code (cid-235e8e235b98a7295) and your calendar’s published name (My+calendar). You will use these values in the final step.
5. Some calendar publishing URLs may not be in the format shown in step 4. If the URL doesn’t start with “http://cid-”, click the Profile link at the top of the page. When the profile page has loaded, the URL will look something like this: “http:// cid-235e8e235b98a7295.profile.live.com/?…” Your user code is there in the URL.
6. Build the HTML snippet for the badge using the user code and calendar published name. Take the following HTML code and replace [user-code] with your user code and [calendar-name] with your calendar’s published name. You can then re-use this HTML snippet anywhere you want to show a badge for that calendar.
<iframe src=http://calendar.live.com/calendar/badgeif.aspx?user=[user-code]&cal=[calendar-name]></iframe>
One wrinkle for you savvy bloggers and web designers is that the badge won’t obey your page’s CSS. But fear not, the badge can still be customized so that it works well in any web page. I’ll leave the details of how to customize your badge for the next post.
Happy sharing!
-Evan
Hotmail team blog archive 