10초 만에 티스토리 구글 해외 지도첨부 방법! (feat.html 가운데 정렬)

 

 

 

티스토리에서는 기본 설정만으로 지도를 첨부할 수 있습니다.

하지만 해외 지도는 첨부가 불가능하다는 것이 단점입니다.

 

이럴 때 해외 지도를 쉽게 첨부할 수 있는 방법이 있는데요.

바로 구글 지도를 첨부하는 것입니다.

오늘은 티스토리에 구글 지도를 첨부하는 방법을 쉽게 정리해보았습니다.

 

 

티스토리 구글맵 첨부 방법

 

 

티스토리에 구글 지도를 첨부하는 방법은 매우 간단합니다.

단 10초만에 지도를 첨부할 수 있으니 아래 설명을 따라오시기 바랍니다.

 

 

1. 구글 맵 장소 검색 - 공유 클릭

 

 

우선 구글 맵에 접속합니다.

이 후 원하는 목적지, 삽입하고자 하는 장소의 주소를 검색합니다.

이때 장소는 한국, 외국 모두 상관없이 가능합니다.

 

목적지를 검색하시면 위 화면과 같이 화면이 뜨는데요.

이 중 개요 탭의 공유 버튼을 클릭합니다.

 

 

 

 

2. 지도 퍼가기 - HTML 복사

 

 

공유를 클릭하면 위 화면과 같이 팝업이 뜹니다.

여기서 링크 보내기가 아닌 지도 퍼가기를 누른 후 HTML 복사를 클릭합니다.

이때 HTML 주소 옆 중간이라는 탭을 통해 지도의 크기를 설정하실 수 있습니다.

또한 '맞춤 크기'를 선택하면 원하는 사이즈를 직접 입력하는 것도 가능합니다.

 

 

 

3. HTML 모드로 바꿈 - 코드 삽입

 

 

코드를 복사했으면 이제 티스토리에 접속합니다.

글쓰기를 클릭하시면 기본모드로 화면이 뜰텐데요.

우측 상단에서 기본모드 탭을 클릭한 후 그 중 HTML 모드로 바꿔서 접속합니다.

이 후 원하는 위치에 복사한 코드를 삽입하면 됩니다.

이때 지도를 삽입하고자 하는 위치에 //지도//라고 표시하거나 적당히 줄을 뛰워놓으면 위치를 파악하기 편리합니다.

 

 

 

 

지도 중간 정렬 방법

 

 

위에 설명드린 방법처럼 코드만 복사 후 붙여넣는다면 지도가 왼쪽에 정렬되게 됩니다.

왼쪽 정렬된 지도보다 중간 정렬된 지도가 더욱 깔끔하고 보기 편리합니다.

삽입된 지도를 중간 정렬하는 방법은 아래와 같습니다.

 

 

위 오른쪽 사진에서처럼 아래의 코드를 퍼온 지도 코드 위아래로 추가해주시면 됩니다.

<div align="center">

 

</div>

위 코드를 입력하시고 기본모드로 돌아가면 지도가 중간으로 정렬된 것을 확인하실 수 있을 것입니다.

이때 기존에 있던 <p>와 </p>는 삭제하지않고 그대로 둬야한다는 점 꼭 기억하세요!

 

 

함께 읽으면 도움되는 글

 

2023.09.14 - [🥐ETC🥐] - GIF 파일 편집 프로그램, GIF 파일 용량 줄이기 무료 사이트

GIF 파일 편집 프로그램, GIF 파일 용량 줄이기 무료 사이트

2023.09.25 - [🥐ETC🥐] - SKT KT LG U+ 휴대폰 통화내역(기록) 조회방법

SKT KT LG U+ 휴대폰 통화내역(기록) 조회방법