티스토리 구글해외지도 중앙정렬/사이즈 맞추기!

 

디지털 노마드가 되기 위해서 열심히 티스토리를 공부하고 있는 요즘. 하나씩 알아가는 재미가 있다.

이번에는 티스토리 블로그 포스팅을 하는데, 위치공유 지도삽입이 어떻게 할까 찾아보다가 알게된 방법! 

 

티스토리 구글해외지도 중앙정렬/사이즈 맞추기! 방법을 공유 해본다.

 

 

 

---

 

 

 

➤➤ 1. 내가 찾고자 하는 위치를 구글맵에서 찾는다.

우리집 이랑 제일 가까운 쇼핑센타 Westfield Garden City를

검색> 공유 > 지도퍼가기 순으로 들어간다.

 

 

 

 

 

 

➤➤ 2. 지도퍼가기 > HTML복사

 

 

 

➤➤ 3. 티스토리 글쓰기 HTML모드 변환 ctrl+V(붙여넣기)

지도퍼가기에서 복사해 온 HTML태그를 티스토리에 삽입한후

기본모드로 변경해 업데이트 된 상태를 바로 확인 할 수 있다.

 

 

 

 

 

 

➤➤ 4. 이쁘지 않은 구글맵 사이즈와 정렬!

네이버 블로그에 해외지도나 지도 삽입시 반응으로 넓직하게 들어가있는데 익숙해져 있다보니

티스토리 구글맵 삽입시 왼쪽 정렬과 사이즈가 익숙하지 않았다.

 

네이버블로그 지도와 비슷하게 할려면 코드를 수정해야하는데

생각보다 간단해서 누구나 쉽게 할수 있다.

 

 

 

 

 

 

➤➤ 5. 티스토리 구글맵 중앙정렬 코드

붙여넣기 한 HTML 위 아래로 <div> 코드를 삽입하면 끝!

상단 <div align="center"> , 하단 </div>

 

 

➤➤ 6. 티스토리 구글맵 사이즈 변경

붙여넣기 한 HTML 을 보다 보면 넓이와 높이 사이즈를 알려주는 width / height 를 찾아

옆에 쓰여진 숫자를 변경하면 끝~! 

 

width="840",  height="400"

 

사이즈와 중앙정렬 를변경했다면

기본모드로 들어가서 제대록 적용되었는지 확인 해야 한다.

 

 

티스토리 구글맵 840*400 적용시 보여지는 지도 크기

네이버 블로그 해외지도 삽입시 보여지는 지도 크기

 

 

기본모드에서 확인해보니 사이즈도 네이버 블로그와 비슷한 사이즈로 변경되었고, 중앙정렬 되어있는 지도! 

네이버 지도를 땡겨올수 있는 방법도 있었지만, 네이버에서도 해외지도는 구글맵에서 끌어 오는거라  해외에서 티스토리 운영한다면 구글맵을 사용하면되겠다.

 

티스토리 / 네이버 블로그를 둘다 운영하면서 점점 또렷해지는 장단점!

UI기능이나 모바일과 PC호환은 네이버 블로그가 블로그 운영자에게 아주 최적화 되어있는 반면  지도나 영상을 업데이트 하기에도 외부 요소의 태그를 가지고 와야 하는 티스토리는 뭔가 수동적인 느낌이 강한 블로그 형태다. 하지만 티스토리 잘만 만지면 홈페이지 처럼 깔끔하고 이쁜 블로그 거듭 날 수 있다는 장점이 있어 욕심난다구요~!!ㅎㅎ 티스토리 더 열심히 파헤쳐 볼련다 :)