구글 지도를 블로그스팟, 포스팅글에 넣는 방법
구글 지도를 블로그스팟, 포스팅글에 넣는 방법
블로그스팟(Blogspot) 포스팅 단계
- 구글 지도에서 원하는 위치 검색
- 구글 지도(Google Maps, https://www.google.com/maps)에 접속합니다.
- 삽입하고 싶은 장소를 검색창에 입력('이씨할매횟집')하여 찾습니다.
- 공유 버튼 클릭
-
검색한 장소의 정보 창에서 왼쪽 또는 상단에 있는 "공유" 버튼(공유
아이콘)을 클릭합니다.
- 지도 퍼가기 선택
- 공유 창이 열리면 "지도 퍼가기" 또는 "지도 삽입" 탭을 선택합니다.
-
지도의 크기를 선택(소형, 중형, 대형 또는 사용자 지정)한 후 "HTML 복사"
버튼을 클릭하여 HTML 코드를 복사합니다.
- 블로그스팟 포스팅 작성 페이지로 이동
- 블로그스팟(Blogger.com)에 로그인하여 "새 글 작성" 페이지로 이동합니다.
- HTML 모드로 전환
- 포스팅 에디터에서 왼쪽 상단의 연필 아이콘을 클릭한 후 "HTML 보기" 또는 "HTML 편집" 모드를 선택합니다.
- HTML 코드 붙여넣기
- 복사한 구글 지도 HTML 코드를 원하는 위치에 붙여넣기(Ctrl + V) 합니다.
- 붙여넣기 후 "HTML 편집" 모드를 종료하고 "작성" 모드로 돌아갑니다.
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3261.945390614067!2d129.16952887638232!3d35.157982658539055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35688dbf415b37b7%3A0xc70ec90ee9888d6e!2z7J207JSo7ZWg66ek7Zqf7KeR!5e0!3m2!1sko!2skr!4v1756132937515!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
- 미리보기 및 게시
- 지도가 제대로 표시되는지 확인하려면 에디터 오른쪽 상단의 "미리보기" 버튼을 클릭합니다.
- 문제가 없다면 글을 작성한 후 "게시" 버튼을 눌러 포스팅을 완료합니다.
- 여기에 게시합니다.
- .....게시위치....
추가 팁:
- 지도 크기 조절: HTML 코드에서 width와 height 값을 수정하여 지도 크기를 원하는 대로 조절할 수 있습니다(예: width="600" height="450").
- 위치 정확도: 구글 지도에서 정확한 장소를 선택하면 방문자가 클릭 시 해당 위치로 바로 이동할 수 있어 편리합니다.
- 해외 장소: 구글 지도는 해외 위치를 표시하는 데 특히 유용하므로 여행이나 해외 맛집 리뷰에 적합합니다.
이 방법으로 구글 지도를 블로그스팟 포스팅에 쉽게 삽입할 수 있습니다. 추가
질문이 있으면 말씀해주세요!
0 Comments:
댓글 쓰기