티스토리에 다음지도, 네이버 지도 중앙정렬로 넣는 방법/지도 첨부 방법

안녕하세요 :)

이번에는 티스토리 블로그에 지도를 넣는 방법을 소개해드리려고 합니다

 

우선 가장 쉬운 다음 지도를 첨부해보겠습니다!

위쪽에 보이는 점 세개를 클릭하고 지도를 클릭합니다

그러면 창이 하나 뜨는데 

원하는 장소를 검색하고 첨부를 하면 끝입니다!

 

 

그럼 이렇게 깔끔하게 중앙정렬로 다음지도가 첨부됩니다

 

다음으로 네이버지도를 첨부하는 방법을 소개해드리겠습니다

우선 네이버지도에 들어가 원하는 장소를 검색합니다

우측 아래쯕을 보면 링크모양의 아이콘이 있습니다

저 링크모양의 아이콘을 누르면

이런 창이 뜹니다

빨간 네모칸의 '복사'를 클릭합니다

그러면 저 지도의 HTML 코드가 복사됩니다

 

티스토리 블로그로 돌아와

위쪽 기본모드 > HTML을 클릭합니다

그러면 이렇게 어두컴컴한 창이 나옵니다

알수없는 영어로 된 코드가 나오지만 걱정할 필요 없습니다!

제가 적어둔 글들이 보이는 데 저는 4번째 줄에 코드를 ctrl+v로 붙여넣었습니다

그럼 아까 복사해두었던 네이버 지도 코드가 붙여넣어 집니다

여기까지 해도 네이버 지도가 첨부가 되지만 

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

이런 식으로 왼쪽에 정렬되어 지도가 첨부됩니다

글을 중앙정렬되어 있는데 지도는 왼쪽으로 정렬이 되어 있으니 구성이 깔끔하지 않네요

중앙정렬 아이콘을 클릭하면 텍스트와 사진은 중앙정렬이 되지만 지도는 중앙정렬이 되지 않아요

그래서 이제 네이버 지도를 중앙으로 정렬해보려고 합니다

아까의 기본모드 > HTML로 들어가

아까 지도 코드가 <tabel ~~~>어쩌고 저쩌고 </table>로 구성되어 있을 거에요

여기에 <center>이라는 태그를 넣을거에요

<center><table>~~</table></center>

이렇게 테이블 앞에 <center>

테이블 뒤에 </center>을 넣으면 됩니다

헷갈리신다면 위의 사진을 참고하시면 좋을 것 같아요

그럼 이렇게 깔끔하게

글도, 지도도 중앙정렬이 되었네요 :)

이상 티스토리 블로그에 네이버 지도를 첨부하는 방법이었습니다

오늘도 좋은 하루 보내세요~