티스토리 블로그에 지도 넣는법 ( 구글지도, 네이버지도, 다음지도)
블로그에 여행이나 리뷰 글을 쓰다보면 장소를
알리기위해서 지도를 넣어하는 경우가 생기는데요
저도 이번에 여행글을 포스팅하면서 지도를 쓸일이 생겨서
검색하고 헤매고했습니다.. 제글을 보시는분들은
그런일 없으시라고 티스토리 블로그에 지도를 넣는 방법에
대하여 포스팅 하겠습니다.
구글 지도
해외여행 관련 포스팅을 할 때 필수인
구글 지도 넣는 방법에 대해서 알아보겠습니다.
처음에 지도를 넣고싶어서 네이버지도에 검색하니까
네이버지도는 국내만 서비스하기때문에 해외는 검색 자체가 불가능
하더라구요 그래서 국내/해외 둘다 서비스를해주는
구글 지도로 포스팅하였습니다.
저는 해외여행 포스팅이여서 구글 지도를 사용했지만
국내 장소의 경우는 네이버/다음 지도가 더
표시하기도 편하고 쉽습니다.
먼저 구글 지도에 들어가 원하시는 장소를 검색
또는 지도에서 선택해주세요
▲ 지역을 검색하셨으면
메뉴 중 <공유> 버튼을 누르세요.
▲ 공유 창에서 <지도 퍼가기>를 클릭하고
2번인 <HTML 복사> 를 클릭하세요
클릭하시고는 Ctrl + C를 하시면안됍니다 복사가 되있어요.
▲다시 티스토리 블로그로와서
외부컨텐츠를 눌러주시고
▲아까 복사한 HTML을
<center></center> 사이 에 붙여넣어주세요 (Ctrl +V)
<center> 하는이유는 지도가 가운대정렬 배치하기 위함이에요!
안하셔도 상관은없습니다.
확인버튼을 누르시면
▲이렇게 잘 들어간것을 확인 할 수 있습니다.
네이버지도
네이버 지도의 경우는 국내 지도만 서비스 하고있습니다.
해외는 지원하지 않아요
네이버도 구글 지도와 마찬가지로
네이버 지도에서 장소를 검색한 다음
▲저는 네이버 본사를 검색했습니다.
오른쪽 빨간색박스 안에 공유버튼을 누르시고
▲HTML 태그 복사 에 오른쪽에
<복사> 버튼을 눌러주세요
▲구글 지도 때와 마찬가지로
티스토리 글쓰기모드에서 <외부 컨텐츠>를누르고
복사한 코드를 넣어주세요
▲확인 버튼을 누르면 네이버 지도가 들어간 모습을
볼 수 있는데 네이버 지도는 테이블형태라
글 편집 모드에서 중앙정렬을 해도 적용이안됍니다.
|
▲이렇게 가운데 정렬을 하기위해서는
html 삽입전에 html코드 맨위에 Table 부분에
<table cellpadding ="0" cellspacing ="0"
align ="center" width ="462">
를 해주시면 가운데 정렬이됩니다!
다음지도
티스토리 블로그는 다음 블로그이기 때문에
다음 지도를 기본적으로 지원하고있습니다
다음지도는 네이버와 마찬가지로 국내 장소만 서비스하는데요
해외 장소는 구글 지도 서비스를 이용하시면 됩니다
▲글 편집 모드에서 메뉴들 중 <지도> 버튼을 눌러
지도 검색창을 열어주세요.
▼지도 검색창에서 원하는 지역을 검색, 선택해서
아래의 첨부 버튼을 눌러주세요.
이상으로 티스토리 블로그에 구글 지도, 네이버 지도, 다음 지도를
삽입하는 방법에 대해서 알아보았는데요 제글을 보시는 모든분들이 도움이
되셨길 바라며 이상으로 포스팅을 마치도록 하겠습니다.
감사합니다.
#티스토리지도넣기 #구글 지도 #네이버지도 #다음지도 #티스토리 구글지도 넣기 #HTML지도
#블로그지도삽입방법
'IT정보 > Tistory' 카테고리의 다른 글
| 티스토리 사이트맵 구글 서치콘솔에 제출하기 / Google search console (0) | 2020.02.16 |
|---|---|
| 네이버 사이트맵 등록 방법 네이버 서치어드바이저 /네이버 웹마스터도구 (1) | 2020.02.15 |
| 티스토리 사이트맵(Sitemap) 만들기, 티스토리 구글, 네이버 검색 노출하기 (0) | 2020.02.13 |
| 구글에 티스토리블로그 노출하는방법 / 구글 서치 콘솔 / 구글 웹마스터/ 구글 rss 제출 (0) | 2020.02.12 |
| 네이버에 티스토리 블로그 노출하기 / 네이버 웹마스터도구 / 네이버 rss제출 (0) | 2020.02.12 |
이 글을 공유합시다
