본문 바로가기
  • 휴식같은 여행으로의 초대 ♪♩♬~
요리.IT.일상 이야기

티스토리 블로그에 네이버지도 넣기, 구글지도 넣기(삽입)

by 휴식같은 친구 2017. 7. 29.
728x90
반응형

티스토리 블로그에 네이버지도 넣기, 구글지도 넣기(삽입)

 

 

저는 여행과 관련된 티스토리 블로그를 운영하는데요.

블로그 포스팅하면서 인터넷지도서비스를 자주 이용하는 편입니다.

관광지나 여행지, 맞집을 포스팅하는데 지도서비스를 넣어주면 사용하시는 분들한테 도움이 되기 때문이죠.

 

티스토리 블로그에서 제공하는 지도 서비스는 다음지도입니다.

 

다음지도를 넣는 방법은 간단합니다.

티스토리 블로그 글쓰기에 들어가면 상단의 "지도"를 클릭해서 원하는 위치를 검색한 후 첨부 클릭하면 됩니다. 

네이버 블로그에서 지도 넣는 거랑 완전히 같습니다.

 

지도를 직접 넣지 않고 다음지도를 활용하는 방법도 있죠?

 

바로 티스토리 블로그 글쓰기 화면에서 우측의 태그 탭 옆 "위치"를 클릭해서 검색해서 넣는 방법입니다.

여기의 메뉴를 클릭하면 지도가 바로 표시되는 것이 아니라 "이 장소를 다음지도에서 확인해 보세요"라는 배너가 생깁니다.

 

저는 다음지도보다는 네이버지도가 익숙해져서인지 국내지도를 사용할 경우에는 네이버지도를 주로 사용하고, 세계여행에 관련한 포스팅에서는 구글지도를 사용하고 있습니다.

 

그래서 티스토리 블로그를 하면서 포스팅 내에 네이버지도 넣는 방법과 구글지도 넣는 방법에 대해서 포스팅을 하겠습니다.

 

외부 인터넷지도를 넣는 방법은 간단하니까 설명하는대로 따라하시면 누구나 쉽게 삽입할 수 있습니다.

 

1. 먼저 '티스토리 블로그에 네이버 지도 삽입' 방법을 알아보겠습니다.

 

먼저 찾고자 하는 위치를 네이버에서 검색합니다.

저는 '서울시청'을 찾기했습니다.

 

목적지를 찾았으면 위 사진과 같은 지도가 나옵니다.

빨간 동그라미 그려진 부분에 마우스를 가져가면 'URL 복사'라는 힌트말이 생깁니다.

그곳을 클릭합니다.

 

위와 같이 작은 창이 뜹니다.

'HTML 태그복사' 옆의 "HTML 태그편집기 및 미리보기"를 클릭합니다.

 

그러면 위와 같은 창이 뜹니다.

크기와 위치를 바꾸고 싶으면 상단에서 '사용자지정'을 선택하고 원하는 픽셀단위를 입력하면 됩니다. 

 

사이즈 지정이 끝났으면 맨 아래쪽의 "HTML 복사하기"를 클릭합니다.

그러면 작은 'HTML 복사' 창이이 나타나고 거기에서 "복사"를 클릭합니다.

 

그러면 지도 소스는 복사가 완료된 것입니다.

 

이번에는 넣고자하는 티스토리 글쓰기 화면에 들어옵니다.

상단의 메뉴에 보면 "외부컨텐츠"라는 명령이 있는데 그것을 클릭합니다.

 

그러면 바로 아래의 외부컨텐츠 삽입창이 뜹니다.

'주소입력'란에 조금 전 복사한 내용을 '붙여넣기'합니다. 

ctrl + C 하면 되젰죠?

 

그러면 글쓰기 창에 지도가 쫙~~ 나타납니다.

 

어때요?

간단하죠?

 

 

2. 이번에는 '티스토리 블로그에 구글 지도 삽입' 방법입니다

 

구글지도 넣는 방법도 네이버와 큰 차이없이 비슷합니니다.

 

구글지도에서 검색하고자 하는 위치를 넣고 검색합니다.

이번에도 구글지도에서 '서울시청'을 검색했습니다.

 

서울시청이 여러개 나오면 원하는 위치를 클릭하면 위 화면처럼 왼쪽에 서울시청에 대한 정보가 나오고, 오른쪽엔 지도가 나오는데 왼쪽의 "공유" 부분을 클릭하면 됩니다.

 

그러면 위 화면처럼 작은 창이 나오는데 우측 탭인 "지도 퍼가기"를 클릭하면 됩니다.

 

그러면 위 화면처럼 지도퍼가기 위한 HTML 주소가 나오는데 그 주소를 Ctrl + C로 복사합니다.

HTML 주소 좌측의  옵션은 작게, 중간, 크게, 맞춤크기 등을 선택할 수 있습니다.

 

그럼 지도소스에 해당하는 HTML 복사가 다 끝난 겁니다.

 

 

그 이후엔 다 아시겠죠?

네이버지도 넣는 것처럼 티스토리 블로그 글쓰기 화면에서 "외부컨텐츠" 클릭 후 박스에 복사한 내용을 붙여넣기 하시면 끝!

 

구글지도도 티스토리 블로그에 넣는 방법 간단하실 겁니다.

 

이 두가지만 하면 티스토리 블로그에 지도 넣는데 자유자재로 활용하실 수 있습니다.

 

 

티스토리 블로그에 대한 다른 포스팅은 아래를 참조해 주세요.

 

블로그 동영상다운로드와 동영상회전(방향전환) 방법 알아보기

 

티스토리 블로그를 네이버, 구글 웹마스터도구 등록하는 방법

 

구글 애드센스 Google Adsense 승인과정과 애드센스 광고넣기

 

 

728x90
반응형

댓글2