구글 블로그 블로그스팟 게시물 대표사진 썸네일 이미지 설정 방법

구글 블로그 서비스인 블로그스팟 (블로거)는 자유도가 매우 높다. 그래서 원하는 대로 블로그를 만들 수 있지만, 한편으로는 여러 지식을 요구하기도 한다. 물론 적당히 글을 쓰고 사진을 올리며 개인적인 기록을 남기는 정도라면 컴맹이라도 별 무리없이 운영할 정도는 된다. 정말 아무 것도 하나도 안 주고 공간만 덜렁 준 다음에 모든 걸 알아서하라고 하는 정도까지는 아니다.

컴맹이라면 블로그스팟을 개설한 후 블로그스팟에서 기본으로 제공하는 스킨 중에서 원하는 스킨을 선택해 적용시킨 후 그대로 사용하면 된다. 아무 것도 모르는 사람이 글 한 자도 못 적을 정도까지는 아니다. 소소하게 사용하려고 하면 아무 것도 모르는 사람도 충분히 사용할 수는 있다. 단지 인간의 욕심은 끝이 없고, 이왕 하는 블로그를 보다 더 예쁘게 꾸미고 싶어지니까 어려워지고 문제가 되는 것이다.

블로그스팟에서 기본적으로 제공하는 기능은 한국의 네이버블로그, 티스토리, 브런치 등에서 기본적으로 제공하는 기능과 비교하면 매우 부족한 편이다. 한국 블로그에서 너무나 당연하게 사용해왔던 기능이 구글 블로그스팟에 없어서 당황하는 경험은 누구나 블로그스팟을 시작함과 동시에 반드시 한 번 거치게 된다. 심하면 너무 불친절하다고 느낄 수도 있다. 그리고 이러한 점은 블로그스팟에 대한 진입장벽을 한없이 높여주는 요소이기도 하다.

한국 블로그 서비스에서 기본적으로 제공해주는 기능 중 블로그스팟에서 제공되지 않는 기능을 이용하고 싶다면 두 가지 방법이 있다. 하나는 블로그스팟에서 제공되는 기능을 임시방편처럼 사용하는 방법이고, 다른 하나는 html 코드로 해결할 수 있다면 html 코드로 해결하는 방법이다.

예를 들어서 블로그스팟에서 카테고리를 사용하고 싶다면 원래 태그에 해당하는 라벨을 카테고리처럼 사용하는 임시방편적인 방법으로 해결해야 한다. 처음부터 라벨을 태그처럼 사용한다면 나중에 가서 상당한 혼란을 겪게 될 수도 있다. 카테고리가 없어서 순수하게 라벨로 글을 분류해야 하는데 라벨을 한국 블로그에서 태그 입력하듯 여러 개 집어넣으면 글이 쌓이는 순간 뭐가 뭔지도 모르게 된다.

반면 html 코드로 해결할 수 있는 방법도 존재한다. 바로 이 글에서 다룰 게시물 대표사진 썸네일 이미지 설정 방법이다.

한국 블로그에서는 게시물 대표사진인 썸네일 이미지 설정 기능을 기본으로 제공해주고 있다. 그래서 글을 작성하고 사진을 첨부할 때 어떤 사진이 글의 대표사진이 될 지에만 신경쓰면 된다. 글의 흐름에 맞게 사진을 순서대로 집어넣고, 그 중에서 대표사진으로 사용할 사진을 썸네일 이미지로 지정하면 끝이다.

반면 구글 블로그스팟은 썸네일 이미지 지정 기능을 제공해주지 않는다. 구글 블로그스팟에서 아무 설정 없이 글을 작성한다면 글의 대표 이미지는 무조건 맨 처음 사진이 된다.

썸네일 이미지를 따로 제작해서 맨 처음에 집어넣는 방식으로 해결할 수도 있지만, 썸네일 이미지를 따로 제작하는 것은 매우 번거로운 일이고, 글에 따라서는 썸네일 이미지를 따로 제작해 글 최상단에 첨부하는 것이 글을 매우 어색하게 만드는 경우도 있다.

구글 블로스스팟 썸네일 이미지는 html 코드를 이용해서 해결한다.

구글 블로그 블로그스팟 게시물 대표사진 썸네일 이미지 설정 방법

1. 먼저 글을 작성한다. 이때 사진도 같이 첨부해준다.

2. 글을 다 작성했다면 썸네일 이미지로 사용하고 싶은 사진을 선택해서 마우스 우클릭을 한다. 마우스 우클릭 후 '이미지 주소 복사'를 선택한다.

3. 에디터 제일 왼쪽에 있는 연필 모양을 클릭해서 HTML보기를 선택한다.

HTML보기를 선택했다면 제일 위에 다음 HTML 코드를 집어넣는다.

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

큰 따옴표 안에 있는 '이미지 주소'라는 글자 자리에 '이미지 주소'라는 글자를 지우고 복사한 이미지 주소를 집어넣으면 된다. 이러면 원하는 사진이 게시물 목록에서 대표 사진으로 나오게 된다.

썸네일 이미지 코드 저장

매번 글을 쓰고 나서 코드를 집어넣는 것은 매우 귀찮은 일이다. 이런 경우에는 글 템플릿에 썸네일 이미지 설정 코드를 저장해서 매번 새 글을 쓸 때마다 자동으로 썸네일 이미지 코드가 삽입되도록 하는 것도 방법이다.

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

이 코드를 입력해준다. 이러면 글을 새로 쓸 때마다 HTML 모드로 바꿔서 보면 썸네일 선택 코드가 글 맨 위에 삽입되어 있을 것이다.