[티스토리 블로그] - 티스토리 블로그에 구글맵 첨부하는 방법
안녕하세요! 오늘은 티스토리블로그에 구글 지도를 삽입하는 방법을 공유해보려고합니다.
우리나라 지도는 카카오맵을 통해 입력할수 있는데, 외국의 지도는 카카오맵에서 불러올수 가 없더라구요. 제가 요즘에 블로그에 영국 여행기를 작성하면서 지도 첨부를 하고싶었는데, 카카오맵에서는 표시를 할 수없어서 아쉬웠어요.
하지만 이 열정적인 블린이는 구글 지도를 첨부하는법을 공부해서 돌아왔답니다. 요즘에 특히 블로그에 다녀오셨던 여행지나 맛집을 공유해주시는 분들이 많으신데, 지도에 같이 첨부를 하는 방법을 공유하면 좋을 것 같다는 생각을 하였습니다.
그럼 같이 지도를 첨부해보실래요?
▶ 카카오맵을 첨부하는 방법
먼저 카카오맵 첨부하는 방법을 공유하겠습니다. 블로그에 글을 쓰기위해 들어가면 위쪽에 •••표시를 눌러주세요. [그림1]을 참고해주시면 돼요!
누르시면 맨위에 지도라는 메뉴가 나오는데 클릭해주시면 됩니다. 그럼 [그림2]처럼 카카오맵이 뜨는데 원하시는 장소를 검색하시고 첨부를 누르시면 됩니다.
짜잔! 티스토리블로그에 카카오맵을 첨부하는 방법은 간단하죠?
▶ 카카오맵을 첨부하는 방법
다음엔 티스토리 블로그에 구글지도를 첨부하는 방법입니다.
구글맵에 들어가셔서 첨부하시고싶은 곳을 입력해주시고 맨 오른쪽에 있는 공유를 눌러주세요.
공유버튼을 누르시고 지도 퍼가기 탭을 클릭하시면 [그림4]처럼 뜨는데, 이때 그대로 HTML복사를 누르셔서 티스토리블로그에 가져가도 되지만, 만약 '난 원하는 지도 사이즈가있어!' 하시는분들은 중간 옆에 ▼ 누르시면 됩니다.
중간 옆에 ▼를 누르시고 맞춤 크기로 설정해주시면, 본인이 사이즈를 설정할수 있어요. 저는 640x480으로 해보려고하는데, 만약 이 글을 읽어보시면서 따라하고 계시는분은 원하시는 사이즈를 넣어주시면 됩니다. 그리고 HTML 복사를 눌러주세요. 여기까지 과정이 여러분께서 가져오려고하시는 구글맵의 HTML 주소를 복사한 과정이고 이 주소에 물론 여러분이 설정하신 구글맵의 사이즈 정보까지 포함되어있습니다.
티스토리 블로그로 돌아오셔서 글 작성을 해주시고, 이번엔 •••표시 옆에 기본모드 탭을 눌러주시고 HTML을 선택해주세요.
그럼 이렇게 검은색 바탕에 뭔지 잘 모를 HTML화면이 뜰테지만 당황하지마시고, 지도가 삽입되었으면 하는 부분에 <center></center>을 입력해주세요. <center></center>를 입력해주시는 이유는 지도를 블로그 가운데 정렬로 맞춰주기 위함입니다.
그리고 여러분이 복사해온 HTML주소를 <center>옆에 붙여넣기 해주세요. 만약에 여러분께서 복사해오신주소가 abcdefghijklmn이라면 <center>abcdefghijklmn</center> 이렇게 입력해주시면됩니다.
사진속 글씨가 너무 작게 보여서 사진을 조금 자르긴했지만, 헷갈리시는 분들은 [그림7]을 참고해주시면 좋을것 같습니다. 이렇게 입력하고 나오면 어떻게 될까요?
짜잔! 이렇게 구글맵이 첨부된 티스토리 포스팅일 보실수 있으실꺼에요. 별로 안어렵죠?!? 혹시 구글맵을 티스토리에 공유하고싶으신 블친분들은 이 방식으로 첨부해주시면 될듯합니다.
오늘도 저의 포스팅을 읽어주셔서 감사드리며,
행복한 하루가 되시길 바랄께요. :)