Search Engine Optimization, Internet Marketing, Technology

Create a Windows Live Calendar badge for your site

WindowsLiveCalendar

If you are a Windows Live Calendar user, then you might want to share your calendar with your friends. How to do that you ask?. Now with Windows Live Calendar, you can create a calendar badge that you can post on your blog or website.

* Example of embedded Windows Live Calendar

 

Through the embedded calendar, 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.

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.

WindowsLiveCalendar1

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://kuanhoong.calendar.live.com/calendar/My+calendar/index.html. For the calendar badge URL, the two important parts are your user code e.g. (kuanhoong) and your calendar’s published name e.g. (My+calendar).  You will use these values in the final step.

5. 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> [via]

AddThis Social Bookmark Button

RSS feed | Trackback URI

1 Comment »

Comment by dewa
2009-06-25 11:00:27

but first, how to create HTML snippet for the badge before I can emmbed the code

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.