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

구글 블로그 스팟 사이드바에 달력 위젯을 추가하는 간단한 방법.
1 min read
구글 블로그 달력 위젯 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 삽입 코드를 붙여 넣고 저장 버튼을 누릅니다. 블로그 홈페이지에서 변경된 사항을 확인하십시오.


You may like these posts

  • 구글 블로그에서 방문자에게 날씨 정보를 보여주고 싶을 경우, 사이드바에 위젯을 추가하여 날씨 상황을 표시할 수 있습니다. 인터넷에서 검색을 통해 날씨 상황을 알 수도 있지만 내 블로그를 관리하면서 날씨도 확인할 수 있다면 편리할 것입니다. 이 포스팅에서는 다크스카이에서 제공하는 서비스를 활…
  • 구글 캘린더를 이용하면 웹사이트에 달력을 추가할 수 있습니다. 데스크톱뿐만아니라 모바일 앱으로 연동하여 일, 주, 월 단위로 자신의 일정을 쉽게 관리할 수 있습니다. 이 포스팅에서는 구글 블로그 사이드바에 달력 위젯을 추가하는 방법에 대해 알아봅니다. 아래 단계를 따라 천천히 살펴보세요. …
  • Tawk.to는 방문자와 웹 사이트 내에서 실시간으로 소통할 수 있는 100% 무료 온라인 라이브 채팅 서비스입니다. 웹 사이트 방문자를 실시간으로 모니터링할 수 있고, 방문자와 라이브 채팅하고 실시간으로 응답할 수 있는 고객 지원 센터를 만들 수 있습니다. 물론 이 블로그에도 T…
  • 1. Popup 2. Simple 3. Slide Popup search box …
  • 북마크는 일반적으로 즐겨 찾는 웹 사이트를 표시하기 위해 사용합니다. 구글 크롬, 사파리, 엣지 및 기타 브라우저는 웹 사이트의 주소 또는 이름을 저장합니다. 다시 접속하기 위해 URL 주소를 기억할 필요가 없습니다. 이처럼 Blogger에서도 북마크처럼 게시글로 직접 연결되는 링크 목록을…
  • 블로그를 운영하는 대부분의 사람들이 세이프링크(Safelink)가 무엇인지 잘 모르고 있을 겁니다. 세이프링크는 블로그 페이지의 URL 링크가 바이러스 및 맬웨어로부터 안전한지 여부를 감지하는 데 사용되는 페이지입니다. 예를 들면 세이프링크는 방문자가 블로그에서 특정 파일을 다운로드하려는 경우 …

Post a Comment