본문 바로가기
블로그로 돈벌기

구글 블로그(blogspot), 대표이미지 만들기

by 어쩌다흙수저 2023. 1. 26.
반응형

아쉽지만 구글 블로그는 티스토리 블로그와 다르게 대표이미지를 지정하는 기능이 없습니다. 

작성한-글의-섬네일
작성한 글의 섬네일

구글 블로그에서는 작성한 글에 삽입된 이미지 중에서 처음 이미지가 자동으로 섬네일로 설정됩니다. 그래서 오늘은 원하는 이미지를 대표이미지로 지정하는 방법을 알아보겠습니다.

 

작성한 글에 있는 이미지 중 하나를 대표이미지로 지정할 경우

이미지-주소-복사
이미지 주소 복사

내 구글 블로그의 작성한 글을 클릭한 다음, 글쓰기 편집기에서 대표이미지로 설정하고 싶은 이미지를 오른쪽 마우스 클릭하고, '이미지 주소 복사'를 선택합니다.

'HTML-보기'-메뉴
'HTML 보기' 메뉴

그러고 나서, 왼쪽에 있는 연필 모양의 아이콘을 클릭해서 'HTML 모드'로 들어갑니다.

<img src="이미지주소" style="display:none;"/>

그리고 위 코드에 조금 전에 복사한 이미지 주소를 '이미지주소'라고 적힌 부분에 붙여 넣습니다.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ38R2I5MgHA0NK1ztOBU6hiUwPUaBLCx9yy79g4uXAR62JKfjICC5r8rOxea0Nup9IjFd1DkHca_S_NRNhYg_U9IbnBy0d8mLp-BCniXpKxwQR2yuvcczFGwS1KQY6x6wj7WPEf7NxBJrCPDs3iQbeSeh-qU99UnzYA8euDn9l530Ht-ezp7dzivMxg/w640-h360/street-g1ee951a69_1920.jpg" style="display:none;"/>

HTML 모드

HTML 모드의 첫 번째 줄을 클릭한 다음, 엔터를 쳐서 입력할 공간을 확보합니다.

코드 붙여넣기

위의 완성된 코드를 '붙여넣기' 합니다.

&#39;업데이트&#39;-버튼
'업데이트' 버튼

편집기 오른쪽 위에 있는 '업데이트' 버튼을 클릭하고, 맨 왼쪽에 있는 '돌아가기'를 클릭하여 편집 모드에서 빠져나옵니다.

섬네일이-바뀐-글-목록
섬네일이 바뀐 글 목록

글 목록을 보면 섬네일이 바뀐 것을 확인할 수 있습니다.

 

작성한 글 안의 이미지와 상관없는 이미지를 대표이미지로 지정할 경우

만약, 작성한 글 안에 대표이미지로 지정할 만한 이미지가 없을 경우, 또는 별도의 이미지를 대표이미지로 지정하고 싶을 때는 다음과 같이 하면 됩니다.

1. 일단, 작성한 글 안에 대표이미지로 지정할 이미지를 업로드합니다.

2. 이미지를 오른쪽 마우스 클릭하고, '이미지 주소 복사'를 선택합니다.

3. 그러고 나서, 왼쪽에 있는 연필 모양의 아이콘을 클릭해서 'HTML 모드'로 들어갑니다.

4. 그리고 위 코드에 조금 전에 복사한 이미지 주소를 '이미지주소'라고 적힌 부분에 붙여 넣습니다.

5. HTML 모드의 첫 번째 줄을 클릭한 다음, 엔터를 쳐서 입력할 공간을 확보합니다.

6. 위의 완성된 코드를 '붙여넣기' 하고, 편집기 오른쪽 위에 있는 '업데이트' 버튼을 클릭합니다. 

(여기까지는 이전 방법과 동일.)

7. 편집기 맨 왼쪽에 있는 '새 글 작성 보기'를 클릭합니다.

8. 업로드했던 이미지를 선택하고 '삭제(Delete)' 합니다.

9. 다시, 편집기 오른쪽 위에 있는 '업데이트' 버튼을 클릭하고, 맨 왼쪽에 있는 '돌아가기'를 클릭해서 빠져나옵니다.

10. 글 목록을 보면 섬네일이 그대로 있는 것을 확인할 수 있습니다.

이렇게 대표이미지를 만드시면 됩니다.

오늘은 여기까지 하겠습니다.

다음 시간에 뵙겠습니다.

감사합니다.

 

반응형

댓글