티스토리 블로그 포스팅 시 네이버, 다음, 구글 지도 삽입하기

티스토리 블로그 포스팅할 때 방문자에게 특정 장소 위치를 알려줄 때 지도를 삽입하고 주소도 같이 안내하여 올리기도 합니다. 삽입시 티스토리 글쓰기 에디터를 이용하거나 네이버, 다음(에디터에도 포함), 구글 서비스를 이용하여 쉽게 넣을 수 있습니다.

주로 맛 집이나 여행 등 특정 주제로 블로그를 운영하시는 분들이 많이 올리는데요. 캡처해서 올리는 것보다 방문자 입장에서 알려드린 포털 서비스 들을 이용해서 올리는 게 오히려 확실하고 편하게 보여줄 수 있습니다.

티스토리 블로그 지도 삽입하기

다음 지도의 경우 티스토리 글쓰기 에디터에 기능이 있지만 언제 에디터가 새롭게 개편될지 몰라 홈페이지를 이용하여 삽입해 보도록 하겠습니다.

1-1) Daum 지도 홈페이지에서 특정 위치를 검색해 공유->지도 퍼가기 메뉴를 선택합니다.

1-2) 그럼 퍼가기 태그가 보입니다. 복사하기 버튼을 눌러 태그를 복사합니다.

1-3) 티스토리 에디터에 HTML 항목을 선택합니다.

1-4) 그리고 아까 복사한 태그를 Ctrl+V 키를 눌러 붙여넣기 합니다.

1-5) 미리 보기 하거나 에디터의 HTML 항목을 선택 해제하면 다음 지도가 삽입된 것을 볼 수 있습니다.

2-1) NAVER 지도 홈페이지에서도 특정 위치를 검색해 HTML 태그를 복사를 할 수 있습니다. 그전에 편집기를 열어보도록 하겠습니다.

2-2) 그럼 원하는 크기와 위치를 지정할 수 있는 옵션 중 하나를 선택하고 HTML 복사하기 메뉴를 선택합니다.

2-3) 복사 메뉴를 선택해 HTML 태그를 복사합니다.

2-4) 그럼 티스토리 에디터에서 처음에 알려드린 것과 동일하게 HTML 옵션으로 넣으면 네이버 지도가 삽입된 것을 볼 수 있습니다.

3-1) Google 지도 홈페이지에서도 특정 위치를 선택해 공유 버튼을 누릅니다.

3-2) 그럼 사이즈를 선택하고 태그를 복사합니다.

3-3) 티스토리 에디터에 HTML 옵션을 통해 붙여 넣으면 아래와 같이 구글 지도가 삽입되는 것을 볼 수 있습니다.

이렇게 삽입하면 방문자도 보기 좋고 오히려 방문하는 분들이 늘어나지 않을까 생각합니다. 저도 오히려 그런 블로그가 끌려서 자주 방문하게 되는 거 같습니다.