본문 바로가기

Internet/티스토리 블로그 설명서

티스토리 블로그에 네이버 지도 삽입 방법 (네이버 지도 넣기 방법)

티스토리 블로그 포스팅할 때 위치를 설명하면서 지도 삽입을 하여 보다 쉽게 위치를 찾을 수 있게 할 수 있다.

 

국내에서 가장 많이 사용하는 것은 네이버 지도이다.

 

그만큼 네이버 지도가 사용하기 편하고 유저들에게 익숙한 지도이기에 티스토리 블로그 포스팅 작성시 네이버 지도를 사용하면 방문하는 유저들에게 양질의 콘텐츠를 제공할 수가 있다.

 

티스토리 블로그는 개방형 블로그이기에 네이버 지도를 삽입할 수 있다.

 

네이버 지도 삽입 방법은 다음과 같다.

 

 

 

티스토리 블로그에 네이버 지도 삽입 방법 (네이버 지도 넣기 방법)

 

'서울시청'을 네이버 지도 넣기 예시로 설명하면 다음과 같다.

 

 

우선 네이버에서 '서울시청' 지도를 검색한다.

 

그러면 위의 화면이 나오는데 우측에 보면 클립 모양의 아이콘이 있다. 그것을 클릭한다.

 

 

그러면 URL 복사와 HTML 태그 복사가 나온다.

 

네이버 지도 삽입할 때 기본형을 넣으려면 '복사'를 하면 되지만 여러 크기를 선택할 수가 있다.

 

'HTML 태그 편집기 및 미리보기'를 눌러준다.

 

 

네이버 지도 크기와 위치를 지정할 수 있다.

 

크기는 기본형, 미니형, 사용자 설정이 있고, 위치는 마우스로 조정을 하면 된다.

 

선택을 한 뒤에 하단에 있는 'HTML 복사하기'를 눌러준다.

 

 

그러면 HTML 복사가 나오는데 '복사'를 클릭한다.

 

 

HTML 코드가 저장이 되었다.

 

 

이제 다시 자신의 티스토리 블로그 글쓰기로 돌아간다.

 

그러면 티스토리 에디터 상단 카테고리 왼쪽에 HTML 네모칸이 보일 것이다.

 

그것을 선택한다.

 

 

그러면 HTML 코드를 입력할 수가 있다.

 

여기에 저장한 네이버 지도 HTML 코드를 Ctrl+V 키를 눌러 붙여넣기 한다.

 

 

미리보기 or 조금 전에 선택했던 티스토리 에디터 HTML 네모칸을 선택 해제하면 네이버 지도 삽입된 것을 볼 수 있다.

 

더 쉬운 방법이 있다. 필자가 자주 사용하는 방법이다.

 

 

티스토리 에디터 부분에 '외부컨텐츠'를 선택한다.

 

그러면 다음의 창이 뜬다.

 

'소스입력' 부분에 네이버 지도에서 복사했던 HTML 코드를 Ctrl + V 를 눌러 붙여넣기를 한다.

 

그리고 확인을 클릭한다.

 

 

티스토리 블로그에 네이버 지도 삽입 방법에 대해서 알아보았다.

 

 

 

[Internet/티스토리 블로그 설명서] - 티스토리 블로그 머리말 꾸미기

[Internet/FastBoot] - 티스토리 반응형 스킨 적용 방법 - FastBoot 1.6.2 설치

[Internet/FastBoot] - 티스토리 블로그 메인화면 Fastboot 애드센스 오류 해결방법