웹 사이트 또는 블로그에 Google 캘린더를 삽입하는 방법

클럽, 밴드, 팀, 회사 또는 가족 웹 사이트 에서 전문적인 달력이 필요합니까? 무료로 간편한 Google 캘린더를 사용해보십시오 . 이벤트 편집에 대한 책임을 공유하고 라이브 캘린더를 웹 사이트에 삽입하여 다가오는 이벤트에 대해 모든 사람에게 알릴 수 있습니다.

01 / 05

시작하기 - 설정

화면 캡처

캘린더를 퍼가려면 Google 캘린더를 열어 로그인하십시오. 그런 다음 왼쪽으로 이동하여 퍼가려는 캘린더 옆의 작은 삼각형을 클릭하십시오. 옵션 상자가 펼쳐지는 것을 볼 수 있습니다. 캘린더 설정을 클릭하십시오.

02 of 02

코드 복사 또는 추가 옵션 선택

화면 캡처

Google 기본 설정이 마음에 들면 다음 단계를 건너 뛸 수 있습니다. 그러나 대부분의 경우 캘린더의 크기 나 색상을 조정해야합니다.

페이지를 아래로 스크롤하면 이 캘린더 퍼가기 영역이 표시 됩니다 . Google 기본 색 구성표가있는 기본 800x600 픽셀 달력의 코드를 여기에서 복사 할 수 있습니다.

이 설정을 변경 하려면 색상, 크기 및 기타 옵션 사용자 정의 링크를 클릭하십시오.

03 of 05

Look 커스터마이징

화면 캡처

이 화면은 사용자 정의 링크를 클릭 한 후 새 창에서 열립니다.

웹 사이트, 시간대, 언어 및 첫 번째 요일에 맞는 기본 배경색을 지정할 수 있습니다. 캘린더를 주간 또는 일정 목록보기로 설정할 수 있습니다. 이는 카페테리아 메뉴 또는 팀 프로젝트 일정과 같은 항목에 유용 할 수 있습니다. 제목, 인쇄 아이콘 또는 탐색 버튼과 같이 캘린더에 표시 할 요소를 지정할 수도 있습니다.

웹 사이트 및 블로그에서 가장 중요한 것은 크기를 지정할 수 있다는 것입니다. 기본 크기는 800x600 픽셀입니다. 그것은 아무 것도없는 풀 사이즈 웹 페이지에서는 괜찮습니다. 다른 항목이있는 블로그 또는 웹 페이지에 캘린더를 추가하는 경우 크기를 조정해야합니다.

변경을 수행 할 때마다 실시간 미리보기가 표시됩니다. 오른쪽 상단의 HTML도 변경해야합니다. 표시되지 않으면 HTML 업데이트 버튼을 누릅니다.

변경 사항에 만족하면 오른쪽 상단 모서리에있는 HTML을 선택하여 복사하십시오.

04 / 05

HTML 붙여 넣기

화면 캡처

이것을 Blogger 블로그에 붙여 넣지 만 개체를 ​​포함시킬 수있는 웹 페이지에 붙여 넣을 수 있습니다. 페이지에 YouTube 동영상을 삽입 할 수 있으면 문제가 발생하지 않습니다.

웹 페이지 나 블로그의 HTML 에 붙여 넣어야합니다. 그렇지 않으면 작동하지 않습니다. 이 경우 Blogger에서 HTML 탭을 선택하고 코드를 붙여 넣기 만하면됩니다.

05/05

캘린더가 임베디드되어 있습니다.

화면 캡처

마지막 페이지를보십시오. 이것은 라이브 달력입니다. 캘린더의 일정에서 변경 한 사항은 자동으로 업데이트됩니다.

크기 나 색상이 마음에 들지 않았다면 Google 캘린더로 돌아가서 설정을 조정할 수 있지만 HTML 코드를 다시 복사하여 붙여 넣어야합니다. 이 경우 이벤트가 아닌 페이지에 캘린더가 표시되는 방식이 변경됩니다.