블로그에 글을 쓸때, 본인이 알고 있는 장소를 좀더 상세히 알리고,

위치까지 정확히 집허주고 싶은 욕심은 누구가 가지고 있을것 같아요.


저는 블로그를 시작한 왕초보이기에, 아직 모든게 익숙하지 않고 어렵게 느껴지는데요..

저와 비슷한 이웃님들에게 조금이나마 도움이 되었으면 하는 바램에

처음부터 익숙해 지시면 편할 것 같은 "블로그에 구글 맵을 추가하는 방법"을 포스팅 해보고자 합니다.

최대한 상세하게 알려드릴테니 천천히 따라오셔요~

먼저, 구글맵(googlemap)을 URL을 입력하셔서 이동해 주시고~

[참고] 한국 구글맵 URL    /   [참고] 일본 구글맵 URL


그 다음, 찾으시고자 하는 위치를 입력하고 "검색"!!

검색하셨죠? 검색하시면 아래와 같이 나올꺼에요.


두번째로, 구글맵 우측 하단에 "설정"버튼이 보이실꺼에요. (붉은색으로 쳐진 부분)

위의 이미지에는 텍스트가 안보이니 그부분만 잘라서 보여드릴께요~


▼구글 맵> "설정" 버튼 클릭시 나타나는 화면


이렇게, "설정"버튼을 클릭하시면,  "지도 공유 또는 퍼가기" 가 확인되니, 

 "지도 공유 또는 퍼가기" 을 클릭해 주세요.


"지도 공유 또는 퍼가기"를 클릭하시면, 위와 같은 팝업창에 뜨게 되는데, 

디폴트 값이 "링크 공유"쪽으로 되어 있는데, 저희가 사용할 곳은 "지도삽입" 카테고리 입니다. 

"지도 삽입"클릭해 주시구요.

"지도 삽입" 클릭하신 후, 위의 이미지에 붉은 사각형으로 표시한 소스 표시 보이시지요?

소스를 전체 드래그 해서 복사해 주세요.



다음으로, 블로그에 돌아와서 HTML 설정으로 소스만 넣어 주시면 끝!

설정 방법 들어갑니다.~


새롭게 작성하시려는 글에 구글 지도를 다시고자 할 경우,

블로그로 이동하셔서, [글쓰기]를 클릭하시면 아래와 같은 새로운 페이지가 보이실 겁니다.

(기존의 글에 넣응시려면 해당 글의 "수정하기" 버튼 클릭하신 후 아래와 동일한 방법으로 설정하시면 되겠습니다.)

먼저, 글을 쓰시다가, 맵을 넣고 싶은 위치가 있을 경우,

위의 이미지에서 □ HTML 로 보이는 곳이 있지요?

□ HTML 박스를 클릭하여 체크해 주세요.

(저는 내용을 "블로그에 구글맵 넣기~"만 넣고 그 아래에 맵을 넣어보도록 할께요)

□HTML 체크를 하자마자, 위의 이미지와 같이 화면이 HTML 소스 설정 화면으로 바뀌게 됩니다.

여기에, 조금전 구글맵에서 복사해 두었던 소스를 원하는 장소에 넣으시면 되세요.


붉은 박스부분이 구글맵에서 복사한 소스를 붙인 화면입니다.

그런데.. 뭔가 다른 부분도 보이지 않으신가요?


저는 구글맵에서 복사한 소스를 붙인 후에, 

해당 소스 앞부분에는<center>를, 뒷부분에는 </center>를 붙여줬습니다. 

이것을 추가한 이유는 맵이 좌・우  어느 한쪽으로 기울지 않고, 중앙에 배치되도록 하기 위해서에요. 

이건 선택사항이니 참고만 해 주시면 될것 같네요~


이렇게 소스를 넣으셨다면 처음 체크하셨던 □HTML 를 클릭해서 해제해 주세요.

짜잔~~맵이 추가되었네요~ ٩( ˘ω˘ )۶~٩( ˘ω˘ )۶  


한가지 여기서 주의할 점!!  (저도 자주 실수하는 부분인데...ㅡ_-a)


구글 맵 소스를 넣으신 후, 화면 하단에 있는  "저장" 버튼을 누르시면 그대로 공개가 되어버립니다...

즉, 글쓰는 중간에 지도를 추가하고 저장을 눌렀다가 어정쩡한 상태로 도중에 글 게시가 되어버린다는..

물론, 수정을 하면 해결되지만요...

처음부터 □HTML 클릭해서 해제하신 후,나머지 글을 완벽히 이어가신 후 오픈하는게 안심되겠죠~?


혹시 이대로 설정하셨는데도 잘 안되더라~ 하시는 분은 코멘트 달아주시면, 

내용을 좀더 상세하게 수정하겠습니다. 


'블로그 꾸미기' 카테고리의 다른 글

블로그에 구글지도 삽입 방법  (2) 2014.12.19
Posted by Danbioo

댓글을 달아 주세요

  1. BlogIcon 7★미니마미 2014.12.19 11:28 신고  댓글주소  수정/삭제  댓글쓰기

    완전 대박~!! 완전 짱짱~ 도움이 됐어며~^^
    감사합니당!! 공감 꾸~욱! 누르고 가욤!!!