내 블로그에 라이프팟 달력을 삽입하자
info / 2008/01/27 21:24
블로그 초기화면(태터데스크) 아래에 캘린더를 삽입했습니다. 저는 다이어리를 열심히 쓰지 못해서 웹으로 일정관리를 하는 편인데, 블로그와 일정관리를 연동할 수 없을까 고민하던 차에 라이프팟 캘린더를 설치했어요. 티스토리에서는 태터데스크의 "HTML 삽입" 기능을 통해서 iframe 형식으로 제공되는 자신의 캘린더를 출력할 수 있습니다.
현재 캘린더 퍼가기 소스를 제공하는 대표적인 두 사이트는 구글캘린더와 라이프팟 캘린더입니다.
각종캘린더 서비스의 장단점..
그럼 본격적으로 라이프팟 캘린더를 티스토리 블로그에 삽입해보겠습니다.
- 먼저 라이프팟에 가입하고 본인의 캘린더를 생성합니다. 그리고 상단의 <내 캘린더> 클릭.
- 왼쪽으로 마우스를 가져가면 설정 창이 자동으로 열립니다.
- <내 일정>이라고 되어 있는 캘린더를 공유해보겠습니다. 클릭.
- 클릭 후, 오른쪽 아래에 X/HTML 이라고 돼있는 곳을 클릭하세요.
- 그럼 아래부분이 풀다운되면서 옵션이 나오는데, "이 캘린더를 꾸며서 보여주거나 ... " 로 되어 있는 부분을 클릭합니다.
- 새로 창이 열렸습니다. <내 일정> 캘린더 말고 같이 표시되기를 원하는 공개 캘린더가 있으면 추가로 선택합니다. 저는 음력과 한국의 공휴일을 선택했습니다.
- 다음 단계를 클릭.
- 보여지는 형태를 선택합니다. 저는 그냥 패스. 다음 단계를 클릭합니다.
- 이제 <내 일정> 캘린더로 바로 갈 수 있는 주소가 생겼습니다. 이 주소를 이용해서 아래와 같이 코드를 작성합니다.
<iframe src="방금 전에 복사했던 라이프팟 캘린더 주소" style="border: 0" width="가로사이즈" height="세로사이즈" frameborder="0" scrolling="no"></iframe>
예를 들어, 저는 블로그의 가로 사이즈가 640을 넘으면 예쁘게 출력되지 않기 때문에 다음과 같이 소스를 작성하였습니다.
<iframe src="http://lifepod.co.kr/calendar/25471.html?key=4964711cdd28a666dac348cd5a9f9160848eb894&calendar=1&view=month&height=56&css=" style="border: 0" width="640" height="500" frameborder="0" scrolling="no"></iframe>
- 이제 이 소스를 복사합니다. <iframe ~ 부터 끝까지 모두 복사하세요.
- 블로그로 접속합니다. 태터데스크의 아이텝 배치 설정화면으로 들어갑니다. 태터데스크 플러그인에 관해서는 여기를 참고하세요.
- HTML 직접 입력을 선택하고 아이텝 배치하기를 클릭합니다. 그럼 왼쪽에 창이 생긴 것을 볼 수 있죠. 설정버튼을 클릭하세요.
- HTML 소스를 직접 입력하는 란에 아까 복사한 소스를 붙여넣기 합니다. 저장하고, 첫페이지 만들기를 클릭하면 블로그 첫화면에 적용된 것을 볼 수 있습니다.
- 완성! 블로그에 라이프팟 달력이 보이는군요!
스프링노트에서 작성되었습니다.
-------------
추가 :
결국 구글캘린더를 사용하기로 함.
- 시간 입력을 안할 경우 현재시간으로 자동입력되는 라이프팟 불편 / 구글은 "종일"일정응로 자동 입력
- 전체 일정을 무조건 공유하는 라이프팟 불편 / 구글은 비공개,공개 설정 가능
- "10시 친구약속"이라고 입력할 시 팝업창에 10:00~11:00 친구약속이라고 나오지만 화면에는 친구약속밖에 출력되지 않는 라이프팟 불편 / 구글은 10:00 친구약속으로 출력
- 구글의 일기예보 함께 표시되는 것 매우 편리
