티스토리 블로그 외부 지도 넣는 방법

티스토리 블로그에는 자체적으로 지원하는 지도가 있습니다.

외부 지도는 어떻게 다른지 차이를 느끼지 못하겠으나

자주 사용하는 분의 눈에 익은 지도는 분명 있을 겁니다.

지도라면 네이버 지도, 구글 지도가 있습니다.

이 두 가지 지도와 자체 지도인 다음 지도 넣는 방법까지 알아봅니다.

네이버 지도에서 최신 지도에서는 html코드를 지원하지 않아 이전지도를 이용해야 합니다.

최신지도에서 이전 지도로 돌아가는 방법입니다.

네이버 이전지도를 올리고 목적지를 검색했습니다.

오른쪽에 밑에 파일 표시 아이콘을 눌러 HTML 태그 복사를 합니다.

네이버 지도에서는 작업이 끝났습니다.

이 화면은 티스토리 블로그 글쓰기 화면입니다.

외부콘텐츠를 누르면 html과 멀티미디어 링크가 있는데 표시대로 html을 클릭하고

소소 입력창에는 앞선 지도의 주소를 붙여넣기 합니다.

2020.9.29 | 지도 크게 보기 ©  NAVER Corp.

실제 지도를 넣어보았습니다.

지도를 넣으면 왼쪽 정렬이 기본으로 되어 있습니다.

중앙 정렬을 하기 위해서는

<div align=center>

지도 코드

</div>

이렇게 지도 코드 위아래를 <div></div>로 감싸면 됩니다.

역시 구글 지도를 찾아 원하는 목적지를 검색했습니다.

검색창 옆에 줄 3개 더 보기가 있습니다.

지도 공유 또는 퍼가기를 찾습니다.

구글 지도 역시 링크  보내기가 아닌, 지도 퍼가기를 선택하면 HTML 코드를 찾을 수 있습니다.

구글 지도, 티스토리 블로그에 넣는 방법은 네이버 지도 넣은 방법을 참고하면 되겠습니다.

이번에는 티스토리에서 제공하는 지도를 넣는 방법입니다.

자체 제공하는 지도는 소스가 필요 없습니다.

지도라는 탭이 별도로 준비되어 있고 목적지만 찾은 다음에 첨부만 하면 됩니다.

아무래도 제일 쉽겠죠.

그런데 크롬에서 다음 지도를 넣으려면 오류가 난다고 하시는 분은 아래 포스팅 참고하세요.

여기까지 티스토리 블로그 외부 지도 넣는 방법이었습니다.

2020/09/29 - [정보] - 티스토리 블로그 크롬에서 다음 지도 첨부 오류 간단 안전 해결