티스토리 블로그 썸네일 이미지 위치변경하는 방법, 블로그 최적화, 북클럽스킨

---

오늘은 티스토리 블로그 썸네일 이미지 위치변경하는 방법을 알아보겠습니다.
어렵지 않으니 끝까지 봐주시면 감사하겠습니다.

 

티스토리 블로그 썸네일 위치변경하는 방법

 

티스토리 블로그 썸네일 이미지 위치변경하는 방법(북클럽스킨)

 

1. 스킨편집 --> html 편집 --> CSS

스킨 편집에는 CSS로 들어가야 합니다.
블로그 관리에서 스킨 편집, html 편집 CSS 탭으로 들어갑니다.

 

티스토리 블로그 썸네일 이미지 위치변경하기

 

티스토리 블로그 썸네일 이미지 위치변경하기

 

2. CSS탭에서 Ctrl + F로 list-type-thumbnail 을 검색

css탭에서 컨트롤 + F로 list-type-thumbnail 을 검색한 후
아래의 이미지와 같이 썸네일 이미지를 왼쪽으로 하고 싶으면 float : left;로
오른쪽으로 하고 싶으면 float : right;로 변경 합니다.

 

티스토리 블로그 썸네일 위치변경하기

 

 

3. CSS 수정 확인

 썸네일 이미지가 왼쪽으로 이동 되긴 했는데 제목과 너무 붙어 있습니다.
이 부분도 수정해보도록 하겠습니다. 

티스토리 블로그 썸네일 이미지 위치변경하기

 

margin-right : 50px; 로 수정해 줍니다.
썸네일 이미지가 오른쪽이라면 margin-right 로
썸네일 이미지가 왼쪽이라면 margin-left로 변경해 썸네일 이미지와의 거리를 조정해주면 됩니다.

 

티스토리 블로그 썸네일 이미지 위치변경하기

 

수정된 모습입니다. 어색하지 않고 완벽하게 변경 성공!

 

티스토리 블로그 썸네일  이미지 위치변경하기

 

썸네일 이미지의 위치는 구글 애드센스의 광고의 인피드 광고설정에 굉장히 중요합니다.
이러한 디테일을 살려 더욱 다양하고 많은 광고 개제를 하면 좋습니다.
이상으로 북클럽스킨의 썸네일 이미지 위치 변경하는 방법에 대해서 알아봤습니다.
도움이 되셨다면 공감과 댓글 그리고 구독 부탁드립니다.

 

감사합니다.
소정한 드림.