블로그스팟으로 블로그 하면서 검색화면에 노출되는 썸네일 이미지 바꾸고 싶으실거예요. 그런데 안타깝게도 블로그스팟에는 메인 이미지를 따로 선택하거나 바꿔주는 기능이 없습니다 ㅠ
사진 두장을 준비해봤어요. 첫번째 사진은 뭔지 모르겠죠..
두번째 사진은?
짱구 얼굴입니다.
보통이렇게 포스팅을 작성하면 검색결과에는 당연히 잘 나온 짱구얼굴 이미지를 붙히고 싶겠죠.
그런데 블로그스팟에서는 가장 처음에 올렸던 사진이 무조건 썸네일로 확정되어 들어가게 됩니다.
어떻게 보여질지 임시로 예약글을 만들어 저장해봤는데요.
HTML소스 코드에 이미지 주소 넣기
<img src=”이미지주소”
style=”display:none;” alt=”n” />
다음과 같은 소스코드에 원하는 사진 이미지주소를 복사 붙혀넣기하고 글의 최상단에 넣어주면 끝입니다.
파일 다운로드 하시고 텍스트 파일 소스코드에 이미지 주소 붙혀넣기 할 준비 하시고요.
어떻게 바꾸는지 보여드리겠습니다.
아까 바꾸고 싶었던 짱구 얼굴에서 마우스 우클릭 해줍니다.
메뉴가 뜨는데요. 이미지 주소 복사를 눌러주세요.
<img src=”https://geulsso.com/wp-content/uploads/2024/10/E18489E185B3E1848FE185B3E18485E185B5E186ABE18489E185A3E186BA202024-07-2720E1848BE185A9E18492E185AE205.26.19.png” style=”display:none;” alt=”n” />
아까 보여드렸던 소스코드
이미지주소 부분에 붙여넣기 했습니다.
너무 길어서 좀 당황스럽죠?
블로그 글쓰기 할 때 제목 밑에 펜 모양이 있습니다. 클릭
메뉴가 열리면 HTML 보기 선택해줍니다.
복잡한 코드가 여기저기 보이지만 글 제일 처음 시작하는 부분에 바꾼 썸네일 이미지코드를 붙여넣기 해주면 끝입니다.
그럼이제 다시 펜 버튼을 누르고 새 글 작성 보기 바꿔주세요.
그러면 뭔가 바뀐것도 없고 제대로 된건지 모르겠는데요.
아까처럼 예약발행으로 한 번 보여드리겠습니다.
이제는 짱구얼굴이 제대로 보입니다.
사실 이게 어떤 방식으로 적용이 되는거냐면, 블로그 포스팅에 노출되는 첫번째 사진을 감춘겁니다.
썸네일 메인 이미지를 선택 할 수 없으니 이런 식으로라도..
포스팅하면서 썸네일 이미지 바꿔주려면 약간 번거롭기는 한데요, 그래도 원하는 이미지로 검색 노출이 될 수 있으니까 소스코드 저장해놓고 유용하게 쓰셨으면 합니다.