구글 블로그 블로그스팟 대표 이미지 설정

구글 블로그 블로그스팟 대표 이미지 설정

블로그를 운영하는 블로거 중 대부분은 국내 포털에서 제공하는 네이버 또는 다음 블로그, 티스토리, 이글루스 등을 사용한다. 구글에서 제공하는 블로그인 블로거, 블로그스팟은 낮설기까지 하다. 

이는 구글 블로그 블로그스팟은 최소한의 기본적이 'HTML' 지식을 필요로 하기 때문이 아닐까? 물론 다음(DAUM)에서 서비스 하는 티스토리도 태그(tag)를 어느정도 볼 줄 알아야 쉽게 접근이 가능하다.  

티스토리는 티스토리를 사랑하는 수 많은 유저 덕분에 블로그 설정 관련 자료를 쉽게 찾을 수 있고 한글로 자세히 설명되어 있는 장점이 있다. 하지만 구글 블로그 블로그스팟은 다양한 테마(템플릿)이 나와 있지만 자세한 설명이 부족하고 설명이 되어 있어도 영문이라는 단점을 가진다.

또한 국내 포텰에서 서비스하는 블로그는 다양한 편의 기능을 제공하여 블로거가 편하게 포스팅을 할 수 있도록 하고 있다.

제공 되는 편의 기능 중 하나가 발행한 글의 대표이미지 설정 이다. 대표 이미지는 이용자가 포털을 통해 검색 했을 때 검색 내용과 함께 보여지는 본문 이미지로 방문자 유입에도 영향을 미치는 요소이다.

그만큼 본문 내용에 포함되는 대표이미지는 중요하며 무시할 수 없는데, 블로그스팟을 비롯하여 대부분의 국내 블로그는 첫번째로 올라가는 이미지가 대표 이미지가 된다. 하지만 내용의 전개상 첫 이미지가 아닌 중간에 있는 이미지를 대표이미지로 설정해야 하는 경우가 생긴다.

국내 포털에서 서비스 하는 대부분 블로그가 대표이미지를 설정 할 수 있는 메뉴를 가지고 있으나 구글 블로거(blogger), 블로그스팟(blogspot)은 없다. 

국내 블로그에 익숙한 블로거들은 당황하게 되는데 방법이 전혀 없는 것은 아니다. 다만 'HTML'을 조금 볼 줄 알아야 한다. 하지만 크게 어렵지 않으니 따라하면 태그를 전혀 몰라도 설정이 가능하다.

구글 블로그스팟 대표 이미지 설정을 위한 기본 태그는 <img src="이미지 주소" style="display: none;" />이다. 여기서 '이미지 주소'는 대표이미지로 설정할 이미지 주소가 들어간다.

글 작성을 어느 정도 마치면 왼쪽 상단 메뉴 중 'HTML'를 선택하여 작성 중인 본문 글 소스 페이지로 들어간다. 들어가기 전 몇번째 들어간 이미지를 대표 이미지로 사용할 것인지, 이미지 위·아래에는 어떤 글이 있는지 확인 한다. 

구글 블로그스팟의 소스 페이지 이미지는 상당히 긴 태그를 가지고 있어 쉽게 확인이 가능하다. 위 스크릿샷과 같이 파란색 부분을 선택하고 복사한다.

이해가 쉽도록 필자는 메모자을 사용 하였다. 복사된 태그를 위에서 설명한 '이미지 주소'에 붙혀 넣은 후 전체를 다시 복사하고 작성된 글 'HTML' 페이지 최상단에 붙혀 넣으면 설정을 마치게 된다.