티스토리에 네이버 지도 삽입하기


티스토리에 네이버 지도 삽입하기



티스토리에 포스팅을 하다보면 지도를 넣고 싶을 때가 있는데요.

세계지역이라면 구글지도가 좋겠지만, 국내라면 다음지도와 네이버지도를 넣을 수 있습니다.

그럼 네이버 지도를 넣는 방법을 알아볼까요?



티스토리 블로그에 네이버 지도 넣기

1. 먼저 네이버 지도 사이트 (https://map.naver.com/)에 들어갑니다.


네이버 지도


2. 지도에서 입력하고 싶은 장소를 선택합니다. 저는 다음 포스팅에 쓸 '스타벅스 리버사이드 팔당DT점'을 검색해봤어요. :)

2018/07/03 - [국내여행 Travel/맛집] - [남양주까페] 한강이 보이는 까페, 스타벅스 리버사이드팔당DT점


3. 지도에서 여러 지역정보가 뜬다면 정확한 정보를 검색 한뒤 우측바 밑에 링크버튼을 클릭합니다.


네이버 지도 티스토리에 넣기


4. 조그마한 창이 뜨면 'HTML 태그 편집기 및 미리보기'를 클릭합니다. 그러면 아래 창이 뜨는데요.



네이버지도 HTML 태그 편집기 및 미리보기


6. 사이즈는 '사용자 설정'모드에 가로는 340px 세로는 300px로 해줍니다.

   제 블로그 기준으로 모바일에서 볼때는 가로가 340px이상이면 모바일에서 블로그 스킨이 깨지더라구요. 

   그래서 가로는 무조건 340px로 수정해주시고, 세로는 보기 좋게 300정도만 해줘도 괜찮습니다 :)  

7. 하단의 'HTML 복사하기'버튼을 누릅니다.


네이버지도 HTML 태그 편집기 및 미리보기


8. HTML 복사라는 작은 창이 뜨면 '복사'버튼을 누르세요. 그러면 지도정보가 클립보드에 저장됩니다.

9. 이때 지도를 붙이기 전까지 CNTR+C 혹은 CNTR+X를 누르면 안되요. 정보가 날아가니까요 :) 


티스토리 블로그에 네이버지도 넣기


10. 티스토리 글쓰기 창에서 상단메뉴에 '외부컨텐츠'버튼을 누릅니다.

    능력자 분들은 HTML 편집에서 넣어도 됩니다. 초보사용자 분들은 뒤 방법을 따라와 주세요. 


티스토리 블로그에 네이버지도 넣기


11. 이런 창이 뜨는데 원래 여기는 빈 박스가 있습니다. 여기에 붙여넣기전에 지도를 가운데 정렬하기 위해 <CENTER></CENTER>를 먼저 작성해 주세요.



티스토리 블로그에 네이버지도 넣기


12. 그 이후 <CENTER></CENTER> 사이에 ><중간쪽에 마우스 커서를 넣고 CNTR+V를 누르면 지도 정보가 붙여넣어 집니다.

13. 그렇게 하면 티스토리 블로그에 지도 넣기 성공!! 가운데 정렬로 네이버 지도를 넣어봤습니다. :)



티스토리 블로그에 네이버지도 넣기
티스토리에 지도를 넣은 모습 PC VER.



티스토리에 지도를 넣은 모습 모바일 VER.




간단한 지도 넣기


네이버지도를 티스토리에 넣으면, 네이버지도 리뷰에 선별과정을 거쳐서 노출이 되기도 한다고 하네요.

물론 이건 카더라입니다...;;; 정확히 아시는 분이 있다면 댓글 부탁드려요.

네이버 블로그나 네이버 포스트에 작성된 거만 본거 같긴 하지만, 많은 사람들이 네이버 지도를 보기도하고,

간혹 다음지도에 내가 표시하고 싶은 장소가 없을 때도 있으니 알아두면 좋겠죠? 


2018/07/03 - [블로그팁 Tistory] - 티스토리에 다음 지도 초간단 삽입하기

2018/07/04 - [블로그팁 Tistory] - 티스토리에 구글지도 삽입하기



이 포스트가 공감되거나 도움이 되셨다면 '공감'버튼을 눌러주세요.

덧글을 남겨주셔도 큰 힘이 됩니다. :)