구글 블로그에서 대표이미지

구글 블로그에서 대표이미지라는 것이 없다. 유튜브처럼 티스토리에서는 글을 작성한 후 대표 이미지를 업로드할 수 있었다. 구글 블로그에서 대표 이미지라는 것이 없어서 일반적으로 글에서 첫 번째 이미지가 대표 이미지가 된다.

그래서 글의 첫 번째 이미지가 대표 이미지를 글을 작성할 때 대표 이미지가 될 이미지를 넣고 작성했다. 검색해서 알았는데 display:none을 사용하면 그 이미지를 안 보이면서 썸네일이 나타난다는 것을 알았다. CSS를 사용해 본 사람은 알 것이다. display:none을 사용하면 해당 요소를 안 보이게 한다.

  

이 글에 대표 이미지를 삽입한 후 아래 그림처럼 a 태그에 있는 style 부분에 margin-left: 1em; margin-right: 1em을 대신에  display:none을 추가했다.  참고로 클릭하면 크게 볼 수 있다.

어제 margin-left: 1em; margin-right: 1em에 아래 그림처럼 display:none을 추가했더니 됐다. 이것은 CSS에서 display:none이 요소를 감춘다는 것만 이해하면 된다. 

   

만약 css를 모르면 어려울 것이다. 구글 블로그에서 HTML 모드로 변경하는 것은 연필(새글 작성보기) 아이콘을 클릭한 후 HTML 보기인 <> 아이콘을 클릭하면 된다. 부족하지만 https://min-blog.tistory.com/3625에서 다른 블로그에서도 대표 이미지가 어떻게 되는지 다루었다.