티스토리 블로그 네이버 맵, 카카오 맵, 구글 맵 표시방법

티스토리에서 네이버플레이스, 네이버지도, 카카오지도, 구글지도 표시방법을 알려 드리려고합니다.

우선 얼마 전에 다녀온 수요미식회맛집 '조선옥'를 예를 들어 설명해 드리겠습니다.

 

PC버전 모바일 버전 다 같아요~

 

 

*네이버 스마트스토어 지도 표시방법*

 

1. 아래처럼 네이버에서 해당 가게를 검색하고 공유 버튼을 누르면 URL복사가 보입니다.

복사를 해주세요 

 

 

2. 티스토리 글쓰기에서 복사한 링크를 넣어줍니다.

끝 간단하죠~?

 

링크만 복사해서 붙여넣기 해주면 아래처럼 링크가 표시 됩니다.

 

 

 

▼네이버 스마트스토어 표시

조선옥 : 네이버

 

▼네이버 모바일버전 지도표시

조선옥 : 네이버

 

▼네이버 html모드를 이용한 지도표시

2020.2.27 | 지도 크게 보기 ©  NAVER Corp.

 

 

*네이버 지도 표시방법*

 

네이버 지도링크를 넣으려 했는데 PC버전이 사진이 안뜨더라구요

그럴땐 당황하지 말고 html

모바일 버전으로 링크 붙여넣기 해주면 됩니다.

 

pc에서도 모바일 네이버 사용할수 있는거 아시죠? 

 

pc버전말고 html로 지도 등록하는 법도 알려드릴께요

 

1. m.naver.com 로 접속해 맛집 검색

 

 

2. 주소창 복사 하기

 

 

3. 티스토리 글쓰기 링크 복사 붙여 넣기 하면 끝!

 

*네이버 구버전을 html이용한 지도 표시방법

 

네이버 pc버전의 등록하려면 이미지 오류가 나요

그래서 html을 이용한 지도등록 방법을 알려드리려고 합니다.

 

1. 우선 네이버지도에서 '조선옥'을 검색, 왼쪽 하단에 '이전지도'를 클릭해줍니다.

 

2. 왼쪽 하단에 링크표시 클릭 html을 복사 해줍니다.

 

 

3. 티스토리 글쓰기 기본모드에서 html모드로 편집해 줍니다.

 

 

 

4. 복사한 링크를 원하는 위치에 붙여넣기 합니다.

 

위치를 잘 지정해서 넣지 않으면 글쓴게 다 날라가니 html모드를 적용전

임시저장을 해두는것을 추천합니다.

저는 왼쪽으로 쏠린 지도가 이쁘지 않아서 가로사이즈와 지도정렬 가운대로 해 주었습니다.

 

▲이미지입니다. 링크는 상단에 있어요^^

 

 

*카카오 지도 표시 방법*

 

티스토리 글쓰기내 지도 첨부하면 됩니다.

젤 간단한 방법입니다.

 

1. 지도첨부 클릭

 

 

 

2. 해당 업체 검색하여 첨부하면 완료!

 

 

▼카카오지도 표시

 

 

 

 

 

 

*구글 지도 표시 방법*

 

1. 구글에서 해당 업체를 검색, 오른쪽 상단 지도를 클릭합니다.

 

2. 공유버튼을 누르고 링크 복사를 합니다.

 

 

3. 티스토리 글쓰기 링크 복사 붙여 넣기 하면 끝!

 

▼구글 지도표시

조선옥