본문 바로가기
블로그로 돈벌기

구글 Blogspot, 구글 지도 삽입하는 방법

by 어쩌다흙수저 2024. 1. 12.
반응형

안녕하세요.

오늘은 구글 블로그(Blogspot)에 포스팅할 때 구글 지도를 삽입하는 방법에 대해서 알아보겠습니다.

 

구글 지도

구글-지도와-공유-메뉴
구글 지도와 공유 메뉴

먼저, 구글 블로그에서 글을 작성하고, 구글 지도에서 원하는 위치를 찾습니다. 그런 다음 왼쪽에 보면 '공유'라고 아이콘이 있습니다. 클릭합니다.

지도-퍼가기-탭
지도 퍼가기 탭

공유 아이콘 버튼을 누르면 공유창이 뜨는데, 링크 보내기 탭과 지도 퍼가기 탭이 나타납니다. '지도 퍼가기' 탭을 클릭합니다.

HTML-복사-메뉴
HTML 복사 메뉴

지도 퍼가기 탭에서 'HTML 복사' 메뉴를 클릭합니다.

 

구글 블로그

연필-아이콘
연필 아이콘

구글 블로그로 와서, 글 에디터에서 맨 왼쪽 위에 있는 연필 모양을 클릭합니다.

HTML-보기-메뉴
HTML 보기 메뉴

그런 다음 'HTML 보기' 메뉴를 선택합니다. 

복사한-HTML-붙여넣기
복사한 HTML 붙여넣기

HTML 편집 화면으로 바뀌면, 맨 마지막에 복사한 HTML을 붙여넣기 하면 됩니다.

새-글-작성-보기-메뉴
새 글 작성 보기 메뉴

다시 '새 글 작성 보기' 메뉴를 클릭해서 에디터 페이지로 갑니다.

회색-영역으로-표시되는-지도
회색 영역으로 표시되는 지도

글 작성 시에는 회색 영역으로 지도가 표시됩니다.

미리보기-버튼
미리보기 버튼

제대로 지도가 나오는지 확인하기 위해서는 에디터 오른쪽 위에 있는 '미리보기' 버튼을 클릭하면 확인할 수 있습니다. '미리보기' 버튼을 클릭해 보겠습니다.

제대로-표시되는-구글-지도
제대로 표시되는 구글 지도

미리보기 화면에서 정상적으로 구글 지도가 표시되고 있는 것을 확인했습니다. 이런 식으로 구글 블로그 에디터에서 구글 지도를 삽입하면 됩니다.

 

그럼 다음 시간에 뵙겠습니다.

감사합니다.

 

 

 

 

 

 

 

반응형

댓글