구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

구글 블로그 스팟 사이드바에 달력 위젯을 추가하는 간단한 방법.
구글 블로그 달력 위젯 html - 구글 캘린더(Google Calendar)

구글 캘린더를 이용하면 웹사이트에 달력을 추가할 수 있습니다. 데스크톱뿐만아니라 모바일 앱으로 연동하여 일, 주, 월 단위로 자신의 일정을 쉽게 관리할 수 있습니다. 이 포스팅에서는 구글 블로그 사이드바에 달력 위젯을 추가하는 방법에 대해 알아봅니다. 아래 단계를 따라 천천히 살펴보세요.

Google Calendar icon

STEP 1. 구글 캘린더 접속

먼저 구글 계정으로 로그인 합니다. 이미 로그인되어 있다면 구글 캘린더 홈페이지로 바로 이동됩니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

로그인을 완료하면 다음과 같이 캘린더가 로드됩니다. 우측 상단에서 주, 일, 월 단위로 일정을 살펴볼 수 있습니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

STEP 2. 달력 맞춤 설정하기

블로그에 달력을 넣기 전에 맞춤 설정을 해야 합니다.

페이지의 좌측 중앙 약간 아래에 내 계정 이름, 생일, 알림, Tasks 메뉴가 있습니다. 그 중에서 내 계정 이름에 마우스를 올리면 더 보기 아이콘이 나타납니다. 이 아이콘을 클릭하고 설정 및 공유 페이지로 이동합니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar) 구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

설정 및 공유 페이지에서 캘린더 통합 메뉴를 찾습니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

스크롤을 내려서 찾아도 됩니다.

캘린더 통합 메뉴의 하위 메뉴 중 맞춤 설정 버튼을 누르면 캘린더를 꾸밀 수 있습니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar) 구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

좌측 메뉴에서 제목, 표시할 버튼, 가로 세로 크기, 배경색, 테두리 유무, 기본 탭 등 을 설정할 수 있습니다. 자신의 블로그 테마에 어울리도록 꾸밉니다.

사이드바에 삽입하기 위해 위젯 크기를 300x300으로 많이 줄였지만 800x600처럼 크기를 크게 해도 상관없습니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

STEP 3. Blogger에 추가하기

iframe 삽입 코드를 복사합니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

Blogger 대시보드 > 레이아웃 > 사이드바 섹션에서 + 버튼을 눌러 HTML/자바스크립트 가젯을 추가합니다.

구글 블로그 html 달력 위젯 - 구글 캘린더(Google Calendar)

복사한 iframe 삽입 코드를 붙여 넣고 저장 버튼을 누릅니다. 블로그 홈페이지에서 변경된 사항을 확인하십시오.


Post a Comment