왕초보 티스토리 구글지도 첨부하는 법

네이버 블로그를 쓰다가 티스토리를 쓰기 시작한 지 제법 되었지만 글만 간신히 씁니다. 컴퓨터를 모르는 컴린이라 아직도 어렵게 느껴집니다. 가끔씩 지도를 첨부할  때가 있는데 할 때마다 새롭습니다. 그래서 기록을 해봅니다. 

티스토리 구글 지도 첨부하는 법

티스토리 블로그를 작성하는데 지도를 첨부하는 이유는 지도의 리뷰에 내 글이 노출되면 더 많은 방문자들을 유도할 수 있기 때문입니다. 이것은 네이버 블로그도 마찬가지입니다. 지도를 첨부하기 위해서는 먼저 구글 지도에 들어가야 합니다. 

https://www.google.co.kr/maps

변산반도

 

구글 지도를 클릭하고 원하는 장소를 검색합니다. 

 

여러 장소가 나오면 첨부하고자 하는 장소를 클릭합니다. 원하는 장소를 클릭하면 공유하기 버튼이 나옵니다. 이 공유하기 버튼을 누릅니다. 

공유하기 버튼을 누르면 링크 보내기와 지도 퍼가기 버튼이 있습니다. 링크하기는 sns를 통해 공유하기를 할 수 있습니다. 물론 이 기능으로 티스토리에 첨부를 할 수도 있습니다. 하지만 이 글의 가장 위에 첨부되어 있는 구글 지도처럼 첨부가 됩니다. 이것보다는 위의 사진처럼 지도가 바로 보이게 첨부하려면 지도 퍼가기 기능을 사용해야 합니다. 

지도 퍼가기 기능으로 HTML 코드를 복사합니다. 

지도 퍼가기를 통해 복사한 HTML 코드를 어디에 넣을 것인지 이것도 참 어렵게 습니다. 무작정 링크 삽입하는 기능을 사용해 입력을 했었습니다. 그랬더니 지도가 두 개씩 뜨고 지도 위에 엄청 긴 HTML 코드가 있어 지워야 합니다. 

이렇게 하는 것이 아니라 HTML 코드이니 HTML 모드에 붙여 넣어야 하는 거였습니다. 

티스토리 글쓰기의 기본 모드를 누르면 기본 모드, 마크다운, HTML이 나옵니다. 이 HTML 모드로 전환 한 다음 코드를 붙여 넣기 하면 깨끗하게 입력이 됩니다. 

구글 지도 첨부

HTML에 지도를 첨부하기 위해 원하는 위치에 표기를 합니다. 보기에 편하게 지도라고 글자를 입력했습니다. 그런 다음 HTML모드로 들어가면 지도라고 표기된 곳이 있습니다. 이 글자를 클릭하고 복사 붙여 넣기를 하면 됩니다. 

원하는 것처럼 깨끗하게 첨부가 되었습니다. 지도의 크기는 600- 450으로 되어 있습니다. 가로로 더 긴 지도를 원한다면 HTML에서 width를 조금 수정을 하면 됩니다.

---

구글 지도 첨부하기가 도움이 되셨나요? 처음 티스토리를 쓰다 보면 하나하나가 너무 어렵게 느껴집니다. 물론 이런 쪽에 문외한이라 그렇습니다. 아직 수입도 미미하고 이게 맞는가 싶지만 그래도 포기하지 않고 쓰고 있습니다. 이 글을 읽는 분들도 다 성공하시길 바랍니다.