구글 블로그스팟 썸네일 원하는 이미지로 변경하는 방법

이번 티스토리의 광고 강제 개재 사건으로 많은 분들이 워드프레스 아니면 이 구글 블로그스팟으로 넘어오셨는데요.

저 또한 마찬가지입니다.

그런데 구글 블로그스팟은 확실히 티스토리랑은 다르게 HTML에 대한 이해도가 없으면 글을 쓰는 것조차 힘들더라구요.




그래도 다행히 하시는 분들이 늘어감에 따라 정보들도 많이 공유되고 있는데요.

저는 오늘 여러 정보들 중에서 구글 블로그의 썸네일 이미지를 원하는 이미지로 변경하는 방법에 대해서 알려드리려 합니다.



⏩ 목차

구글 블로그스팟에서 썸네일 변경하는 방법

썸네일 변경된 모습



⏭ 썸네일 이미지 변경하는 법


구글 블로그스팟의 경우, 티스토리나 네이버 블로그처럼 따로 썸네일이 될 이미지를 선택하는 툴이 없습니다.

때문에 모든 글들의 썸네일 이미지는 해당 글에서 첫 번째로 사용한 이미지로 설정이 되는데요.

이를 바꾸기 위해서는 작성 중인 글의 HTML을 조금 손 봐주셔야 합니다.

HTML이 나와서 어렵게 생각하실 수도 있는데 굉장히 쉬우니 아래 순서대로 차근차근 따라하시면 크게 걱정하실 필요 없습니다!



👉 1. 썸네일로 하고 싶은 이미지 주소 복사


썸네일로 하고 싶은 이미지에 마우스를 대시고 우클릭해주시면 다음과 같은 작은 창이 뜨게 되는데요.




여기서 이미지 주소 복사를 눌러주시고, 복사된 주소를 메모장에 붙여넣기 해주세요!



👉 2. HTML 코드 삽입


처음에 말씀드린 것처럼 구글 블로그스팟은 썸네일 이미지를 본문에서 가장 먼저 사용된 첫 이미지로 자동 설정합니다.

그래서 작성 중인 글 HTML의 맨 처음에 아래 코드를 삽입해서 우리가 원하는 이미지가 마치 글에서 가장 먼저 사용된 이미지로 구글이 착각하게끔 해줘야합니다.


<img src="이미지주소(Image-link)" style="display:none;"/>


이 코드를 작성 중인 글 HTML에 맨 처음에 삽입해주셔야하는데, 그냥 삽입하는 것이 아닌 약간의 수정이 필요합니다.

코드 중 이미지주소(Image-link) 대신에 처음에 복사해놨던 썸네일로 하고 싶은 이미지의 주소를 넣어주시면 됩니다.


이미지주소(Image-link) => 썸네일로 하고 싶은 이미지의 주소



수정된 코드를 HTML에 넣어주셨다면 이제 썸네일 이미지 변경은 끝이 납니다!

그 후, 확인해보시면 구글 블로그스팟의 썸네일이 원하는 이미지로 변경되어있는 것을 확인하실 수 있습니다.




지금 제가 작성하고 있는 이 글만 해도 가장 먼저 페페 캐릭터의 우는 사진이 사용되었음에도 페페 캐릭터가 아닌 두 번째 이미지가 썸네일이 되어있죠!

처음에만 어렵지, 하다보면 구글 블로그스팟도 점점 익숙해지는 것 같습니다.

이번 티스토리 사태로 다들 마음이 아프실텐데, 워드프레스든 구글 블로그스팟이든 블로그 운영하시는 모든 분들 화이팅입니다!