윈도우 라이브 캘린더를 블로그에 삽입하는 방법

IT 2009. 3. 16. 10:23 Posted by 와이엇  
Bookmark and Share
윈도우 라이브 캘린더를 블로그나 웹사이트에 삽입할수 있는 기능이 지원됩니다. 이 기능은 구글 캘린더가 먼저 지원했는데 마이크로소프트도 마침내 이 기능을 지원하네요. 마이크로소프트에서는 이 기능을 "캘린더 배지"라고 부른다고 합니다.

"캘린더 배지"를 블로그에 다는 방법은 아래와 같습니다.
1. 라이브 캘린더에 접속한뒤 화면 왼쪽에서 공유할 캘린더를 선택합니다. (블로그에 캘린더를 삽입하려면 먼저 공유해야 하겠죠.) 저는 아래와 같이 제 캘린더인 와이엇의 캘린더를 선택하겠습니다. 그러면 2번에 나오는 캘린더 설정 페이지로 넘어갑니다.
윈도우 라이브 캘린더

2. 캘린더 설정페이지에서 색상 및 기타 변경할 사항을 확인한뒤 "공유편집" 버튼을 누릅니다.
캘린더 설정

3. 캘린더 설정페이지 아래에 있는 "이 캘린더 공유"를 선택합니다. 그리고, 아래에 나타나는 "공용 캘린더로 만들기"를 선택합니다. 그러면, "모든 사용자가 온라인에서 이 캘린더를 검색하고 볼 수 있도록 공용 링크를 게시합니다."라는 설명이 보입니다. 그  다음에 아래에 보이는 "캘린더 링크 사용 (설정 저장)"을 클릭합니다.
공용 캘린더로 만들기

4. 위의 3번을 수행해야 아래와 같이 웹브라우저에서 미리보기, 다른 캘린더 응용 프로그램으로 가져오기, 피드리더에서 보기등이 활성화 됩니다.
캘린더 공유 미리보기

5. 웹브라우저에서 미리보기를 누르면 아래와 같이 링크가 나타납니다.
캘린더 HTML 링크

6. 링크주소에서 "cid-caxxxxxxxxxxa2.calendar.live.com"처럼 되어 있는 부분이 사용자 코드입니다. (중간에 있는 xxx표시는 개인정보 보호 차원에서 모자이크 처리했습니다.) 그리고, calendar/ 다음부터 /index.html 사이에 있는 부분이 "내 캘린더 이름"인 "와이엇의 캘린더"인데 한글을 html링크로 표시할때는 이런식으로 복잡하게 나타나더군요. 여기에 나온 사용자코드와 캘린더 이름을 이용해서 블로그에 삽입하면 됩니다. 이때 아래 html코드를 사용해야 합니다.

<iframe src=http://calendar.live.com/calendar/badgeif.aspx?user=[user-code]&cal=[calendar-name]></iframe>

위에서 [user-code]부분에 사용자 코드를 넣고 [calendar-name]부분에 캘린더 이름을 넣습니다. 이때 괄호[ ]가 들어가면 안됩니다. 아래 예처럼 하시면 됩니다.

(예)

<iframe src=http://calendar.live.com/calendar/badgeif.aspx?user=cid-caxxxxxxxxxxa2&cal=%ec%99%80%ec%9d%b4%ec%97%87%ec%9d%98+%ec%ba%98%eb%a6%b0%eb%8d%94></iframe>

위의 예처럼 완성된 html을 블로그 사이드바나 스킨의 적당한 위치에 삽입합니다. 그러면 완성!

아래는 제 블로그 오른쪽 사이드바에 삽입된 캘린더입니다. 화면에는 일부분만 보이지만 전체적인 생김새를 보여드리기 위해 스크롤 캡쳐로 전체 컨트롤을 가져왔습니다. 화면상에서 전체 캘린더를 볼수 있도록 하는 방법은 추후에 입수되는대로 소개하겠습니다.

와이엇의 캘린더가 블로그에 삽입된 모습

캘린더 설정 방법중 4번에 있는 "ICS: 다른 캘린더 응용프로그램으로 가져오기"는 MS 아웃룩같은 프로그램에서도 윈도우 라이브 캘린더를 사용할수 있게 해주며 "RSS: 피드리더에서 보기"는 한RSS나 구글리더같은 RSS 리더기에서도 캘린더 내용을 볼수 있게 해준다고 합니다.


댓글을 달아 주세요

  1. Favicon of https://blue2310.tistory.com BlogIcon 드자이너김군  수정/삭제  댓글쓰기

    오~ 이런게 있엇군요. 좋은자료 감사합니다.

    2009.03.16 10:24 신고
  2. Favicon of https://boksuni.tistory.com BlogIcon 복돌이^^  수정/삭제  댓글쓰기

    구글캐린더도 되나요?

    전 그것도 몰랐네요^^

    행복한 하루 되세요

    2009.03.16 10:58 신고
  3. Favicon of https://seomindang.com BlogIcon 서민당총재  수정/삭제  댓글쓰기

    마소도 켈린더가 있었군요.
    몰랐었습니다. ^ ^
    그리고 구글보다 블로그에 달기좋게 되어있네요. 사이즈도 적당하니 말이죠~

    2009.03.16 12:05 신고
    • Favicon of https://logfile.tistory.com BlogIcon 와이엇  수정/삭제

      구글은 써보지 않았는데 한번 비교해봐야겠군요. ^^

      2009.03.16 12:25 신고
    • Favicon of https://seomindang.com BlogIcon 서민당총재  수정/삭제

      구글은 화면이 대빵큽니다. 사이즈를 조절할 수도 있지만 말이죠. ^ ^
      장점은 문자로 알려준다는 거죠.
      블로그에서 사용하기에는 이 MS쪽이 마음에 드네요 ^ ^

      2009.03.16 12:47 신고
  4. Favicon of http://poem23.com BlogIcon 학주니  수정/삭제  댓글쓰기

    음냐... 역시나 iFrame을 이용하는 방법인가요..

    2009.03.16 12:44
  5. Favicon of http://mswindowslive.tistory.com/ BlogIcon 윈도우라이브  수정/삭제  댓글쓰기

    오옷, 훌륭한 팁 감사합니다!!

    2009.03.26 11:24
  6. Favicon of http://jesuisjoli.netne.net BlogIcon Adrian Monk  수정/삭제  댓글쓰기

    음 안그래도 외국 서버라서 느린데, 달기가 겁나기도 하네요! 하지만 달면 편할 것 같아요.

    2009.04.29 12:18
  7. Favicon of https://raymond.tistory.com BlogIcon 레이먼  수정/삭제  댓글쓰기

    좋은데요. 근데 혹시 이벤트 내용이 공개되는건가요.....저는 비밀이 많은 놈인지라...ㅋㅋㅋ

    2009.04.30 16:17 신고
    • Favicon of https://logfile.tistory.com BlogIcon 와이엇  수정/삭제

      공개할수도 있고 비공개로 일정을 등록할수도 있습니다. 윈도우라이브에서 선택한 그대로 블로그에서도 똑같이 보입니다.

      2009.04.30 20:24 신고

카테고리

와이엇의 로그파일 (1548)
IT (910)
CES 2012 (17)
디지에코 (28)
삼성전자 (191)
마이크로소프트(Microsoft) (5)
팬택 (23)
HP (28)
Olympus (3)
SK텔레콤 (53)
LG전자 (21)
인텔 (4)
레노버 (8)
화웨이 (2)
퀄컴 (3)
Adobe (어도비) (3)
Acer (에이서) (4)
ASUS (2)
블랙베리 (3)
Sony (25)
모토로라 (3)
샤오미 (Xiaomi) (2)
기타 리뷰 (94)
기타 (32)
내 블로그 이야기 (21)
News (16)
English (24)
Wine (19)

달력

«   2022/01   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
TNM Media textcube get rss
Yes24
멋지게 나이 드는 법 46
도티 빌링턴 저/윤경미 역
예스24 | 애드온2
돈키호테
미겔 데 세르반테스 저
예스24 | 애드온2
와이엇's Blog is powered by Tistory. Designed by Qwer999. Supported by TNM Media.