블로그스팟(blogspot) 본문에 구글지도 추가하는 방법

이번 포스팅에서는 구글블로그인 블로그스팟을 사용하시는 유저들이 포스팅을 할 때 본문글에 지도를 추가하는 방법에 대해서 소개하는 글입니다. 여행에 관련된 포스팅을 하거나 맛집등을 리뷰할 때 사용하시면 도움이 됩니다.
 

1. 블로그스팟 본문에 구글지도 추가하는 방법

 

1. 구글 지도에서 표시하고자 하는 위치를 검색합니다.
2. 검색 결과에서 "공유" 버튼을 클릭합니다.
3. "지도 삽입" 탭에서 지도의 크기와 삽입 방법을 선택합니다.
4. "HTML 복사" 버튼을 클릭하여 지도를 삽입할 HTML 코드를 복사합니다.
5. 블로그스팟에서 "새 글 작성" 페이지로 이동합니다.
6. 편집창에 커서를 위치시킨 후, "HTML 편집" 버튼을 클릭합니다.
7. 복사한 지도 HTML 코드를 붙여넣기 한 후, "HTML 편집" 버튼을 다시 클릭합니다.
8. 지도가 삽입된 것을 확인하고, 글을 게시하면 됩니다.

 
아주 간단하죠?
하지만 조금 더 쉽게 알려드릴께요.
https://www.google.co.kr/maps/?hl=ko 에 접속합니다. (구글맵스 검색)

구글블로그 본문에 위치정보를 추가하기 위한 방법 설명

예를 들어 경복궁의 위치를 넣고싶다고 하면 왼쪽 화면의 [공유] 버튼을 누릅니다.
 

구글맵스에서 HTML 코드를 이용해서 위치를 복사하는 방법

상단에 링크보내기 옆 '지도퍼가기' 를 누릅니다.
그러면 바로 아래줄에 'HTML 복사' 글자가 보이실거에요.
 
HTML 을 복사해 준 뒤 블로그스팟으로 이동합니다.
글작성을 누르고 HTML 작성탭으로 이동합니다.

블로그스팟에서 HTML 코드를 작성하는 방법

태그를 붙여넣은 후 새글작성 보기로 넘어오셔서 미리보기로 작성된 내용을 확인합니다.
 

블로그스팟 작성글을 미리보기 하는 장면

 
본문글에 지도가 잘 삽입된 것을 확인할 수 있습니다.