크롬에서 티스토리 구글지도 첨부 아주 쉽게 따라하기

안녕하세요 주만세 입니다 :)

 

 

 

티스토리에서 게시물 포스팅할 때 지도를 꼭 넣어주셔야 내가 포스팅한 게시물에 부가적인 홍보를 기대할 수 있어요.

네블에서도 맛집이나 여행을 가면 반드시 장소를 지정해서 넣어주는데,

게시글과 장소를 연결해주는 너와 나의 연결고리라고 생각하고 반드시 넣는 것을 추천합니다.

 

누군가 장소를 검색하고 자연스럽게 내 블로그 후기 까지가 노출되면 이보다 쉬운 홍보가 있을까요?!

글 작성하면서 루틴으로 정하시고, 진짜 클릭 몇 번으로 티스토리 지도 추가하기 끝.

 

티스토리에서 기본적으로 카카오맵을 제공하고, 오늘은 추가적으로 구글지도까지 추가할 건데

Hoxy ... 아직도 카카오맵 지도 추가 방법과 오류 해결방법을 모르시면 이전 게시글을 참고해주세요 :)

 

2020/11/21 - [Blogging] - 크롬에서 티스토리 지도 첨부 및 오류 해결 방법(same site by default cookies)

---

01. 티스토리 구글지도 추가하기 - 구글 접속

 

www.google.co.kr/maps/

Google Maps

구글지도에 접속을 해서 원하는 장소를 검색합니다. (주소와 상호명을 같이 넣으면 좋아요. 예시 - 송리단길 또봄)

 

02. 티스토리 구글지도 추가하기 - 구글맵에서 장소검색

 

 

 

 

03. 티스토리 구글지도 추가하기 - 검색된 장소 : 공유

 

 

검색하고 공유 버튼을 누르면 팝업창이 나타나요

 

04. 티스토리 구글지도 추가하기 - 검색된 장소 : 지도 퍼가기

 

[링크 보내기]와 [지도 퍼가기]가 있는데 게시물에서 바로 지도를 확인하기 위해

[지도 퍼가기] 클릭하세요!

 

 

 

 

 

05. 티스토리 구글지도 추가하기 - 검색된 장소 : 게시물의 보여지는 지도 확대 축소 설정

 

 

게시물에서 지도가 처음 보여주는 확대/축소 크기를 설정할 수 있어요

+ - 버튼을 누르거나 Ctrl을 누르고 스크롤을 움직이세요. 설정이 완료된 후 다음 차례

 

06. 티스토리 구글지도 추가하기 - 검색된 장소 : HTML 복사

 

 

 

HTML을 복사하고 게시물에 적용할 거에요

 

 

적용 결과 미리 보기

 

잘못 적용한 예시: 최소 저랑 비슷하게 마음이 급하신 분으로 제가 처음에 했던... 왜 안되지... 클릭클릭...

 

잘 적용한 예시(이렇게 하세요)

 

 

07. 티스토리 구글지도 추가하기 - 게시물에 적용(모드 변경: HTML)

 

 

구글에서 HTLM 코드를 복사하고, 작성중인 게시물의 모드를 변경해줍니다.

 

 

08. 티스토리 구글지도 추가하기 - 게시물에 적용(모드 변경: HTML - 코드붙여넣기)

 

 

모드를 변경하고, HTLM 코드를 원하는 위치에 붙여넣기하고 다시 상단의 모드를 기본모드로 변경합니다.

 

 

짠 구글 지도 추가 완성! (어렵지 않쥬?)

 

(크기를 300x200으로 변경한 모습)

 

기본으로 제공되는 코드에서 지도 크기를 조절할 수 있어요 (width와 height 숫자를 변경)

 

 

---

지금 까지 티스토리에 구글지도 첨부 아주 쉽게 따라하기 편이었습니다.

오늘도 불철주야 애지중지 티스토리 블로그를 관리하는 분들 모두 고생이 많습니다 :)

경제적 자유가 있는 그날을 위해 조금씩 더 시간을 쪼개봅시다.