블로그정보통

초보자가 쉽게 따라하는 티스토리 구글 지도 넣는 방법

한사랑1004 2024. 7. 24. 20:22

여행을 다녀오거나 다녀온 장소 포스팅을 할때 다녀온 장소에  구글 지도를 넣어서 유용하게 사용할 수 있는데요.

티스토리에 구글 지도 넣은 방법을 초보자도  누구나 쉽게 따라할수 있도록 쉽게 알려드리려고 합니다.

 

티스토리에 '구글지도' 알기 쉽게 넣는 방법같이 따라해 보시겠어요???

 

구글 지도 넣는 방법 따라하기

 

1) 구글에서 구글지도를 검색해 주세요.

 

 

 

2) 검색하고 싶은 장소를 적으면 되는데요.

'불암산 나비정원'이라고 검색창에 적어 볼까요???

 

불암산 나비정원에 안내정보가 나오는데요.

 

 

 

3)  화면에 '공유' 부분을 찾아서 클릭해 주세요.

 

 

 

4) 공유를 클릭하면 '링크 보내기', '지도 퍼가기'가 나오는데요.

 

 

 

5)  '지도 퍼가기'에서 HTML 복사를 눌러줍니다.

 

 

6) 티스토리 기본모드에 들어가서 Html로 바꿔 주고


7) 맨 아래 부분에 복사에 주고 맨앞에는 <p>,  맨뒤에는 </p>를 넣어줍니다.

 

 

8) 화면을 나오면 아래 사진과 같이

왼쪽 정렬로 되어 있을텐데요.

간단한 코드를 이용해서

중앙 정렬로 바꿔 볼수 있는데요.

천천히 따라해보세요~

 

 

 

 

9) 상단 메뉴에 기본모드에서 HTML로 바꿔서 들어갑니다.

 

 

10) 기존 코드 <p><iframe ~내용 생략 >

</iframe></p>을 바꿔줘야 하는데요.

 

 

맨앞 부분<p>를 <div align="center">으로

맨 뒤부분</p> 를 </div>

바꿔 주기만 하면 됩니다.

 



확인해 볼까요???

 


 

 

가운데 정렬이 되면서 정상적으로 지도가 잘 들어갔네요.

 

따라하기 쉬우셨죠???

 

저도 초보 블로거라 하나씩 배워가면서

직접해면서 만들어보고 있는데요.

 

처음에는 어렵게 느껴져도

천천히 여러번 반복하다보니깐 

금방 익숙해 지고 있는데요.

 

블로그 작업하실때 구글지도 넣는 잘 활용하셔서

유용하게 활용해 보시기 바랍니다.

 

조금씩 노력하다보면

어제보다 오늘이 더 발전될꺼예요.