네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법 |
환경: Internet Explorer 11 |
간혹 블로그에 자신이 여행했던 지역이나 관광지의 지도를 올려서 정확히 어디인지 설명하고 싶을 때가 있습니다. 주로 이용하는 지도는 네이버나 다음(daum) 입니다. 다음(daum)은 티스토리 위젯에 추가 버튼이 있어서 네이버 보다는 복잡하지 않습니다. 그래서 설명은 하지 않겠습니다. 오늘은 네이버 지도에서 검색한 지역을 티스토리 블로그에 삽입하는 방법에 대해 알아 보겠습니다.
▼ 먼저 네이버 지도로 접속합니다. 복사하고 싶은 지역을 검색한 후 화면 오른쪽 하단에 고리 모양의 아이콘을 클릭합니다. 이것이 지도 링크와 관련된 아이콘입니다.
▼ 지도 복사와 관련된 팝업창이 뜨면 [HTML 태그 편집기 및 미리보기] 링크를 클릭합니다. 바로 [HTML 태그 복사]에 내용을 가져다 사용해도 되지만 상세 설정을 어떻게 하는지 알아 보기 위해서 입니다.
▼ HTML 태그 편집기에는 지도의 크기 설정과 확대 정도를 지정할 수 있습니다. 그림에서처럼 사용자가 직접 설정하는 것도 가능합니다. 옵션 설정이 끝나면 아래로 내려가서 [HTML 복사하기] 버튼을 클릭합니다.
▼ [HTML 복사] 팝업창이 뜨면 오른쪽 끝에 있는 [복사] 버튼을 클릭합니다. 그럼 HTML 이 클립보드에 복사가 됩니다.
▼ 지도 데이터는 준비가 되었습니다. 이제 티스토리 새 글쓰기로 갑니다. 글쓰기 창에서 오른쪽 상단에 있는 [HTML] 을 체크합니다. 그럼 텍스트가 아닌 HTML 을 입력할 수 있는 에디터 창이 열립니다.
▼ 이곳에 네이버 지도에서 복사해 온 HTML 을 붙여 넣습니다. 포스팅을 위한 자료들이 올라가 있는 상태라면 적당한 위치를 찾아 삽입해야겠죠.
▼ 지도 HTML 을 삽입하고 HTML 편집 모드를 해제하면 지도 미리보기가 가능합니다. 네이버에서 복사해 온 지도는 그림과 같은 모양입니다. 이상으로 네이버 지도를 티스토리 블로그에 삽입하는 방법에 대해 알아 보았습니다.
'블로그' 카테고리의 다른 글
구글 애드센스 특정 광고 차단하는 방법 (0) | 2019.07.30 |
---|---|
구글 애드센스와 티스토리 운영자를 위한 유튜브 실시간 강의 (7) | 2019.07.22 |
블로그 티스토리 글쓰기에서 내용 접기와 펼치기 기능 구현하는 방법 (0) | 2019.07.15 |
티스토리 블로그 실시간 방문자 위젯 설치하는 방법 (0) | 2019.07.04 |
라이브리(LiveRe) 티스토리 설치 및 계정 추가, 통계 보기 (0) | 2019.04.26 |
티스토리 블로그 구글 번역기능 설치해서 사용하는 방법 (0) | 2019.04.16 |
티스토리 Tistory 상단 메뉴바(툴바) 안보이게 하는 방법, 감추기 (0) | 2019.03.23 |
티스토리 카테고리, 메뉴 목록 펼치는 방법 (0) | 2019.03.19 |