티스토리 스킨으로 북클럽 사용하시는 분들 많으실 텐데, 리스트 타입을 뉴북으로 설정하시면 썸네일이 책 모양으로 길게 보이게 됩니다. 이를 정사각형으로 변경하는 방법 알려드릴게요.
북클럽 스킨 썸네일 변경방법
1. 관리 페이지에서 스킨 편집 > html 편집으로 이동
2. CSS 수정 - height : auto 변경
3. HTML 수정 - C230X300 변경
4. 변경 적용
1. 스킨 편집으로 이동
티스토리 블로그 관리 페이지에서 꾸미기 > 스킨 편집 메뉴를 선택합니다. 그럼 아래와 같은 화면을 보실 수 있는데요. 노란색으로 표시된 html 편집 버튼을 클릭해 주세요.
2. CSS 수정
html 편집 페이지로 이동하면 아래와 같이 우측 상단에 HTML, CSS, 파일업로드 메뉴를 확인하실 수 있는데요. 먼저 CSS부터 수정해 보도록 할게요. CSS는 주로 서식, 스타일을 수정하는 영역입니다. CSS를 클릭해 주세요.
CSS 영역에 작성된 코드들이 보일텐데요. 코드 내용 중 아무 곳이나 클릭한 후 Ctrl+F 버튼을 눌러주세요. 검색창이 뜰 텐데 .list-type-thumbnail 을 입력 후 엔터를 쳐서 검색해 주세요. 행번호 2260 정도에 나와있는 height를 auto;에서 126px;로 수정해 주세요. 위에 있는 width와 동일하게 맞추는 겁니다.
3. HTML 수정
다음으로 HTML 영역을 수정하겠습니다. 위에서 살펴봤던 우측 상단 세 가지 메뉴 HTML, CSS, 파일업로드 중 HTML을 클릭하시면 됩니다. CSS 영역과 마찬가지로 HTML 영역에 작성된 코드들이 보일 겁니다. 코드 내용 중 아무 곳이나 클릭해서 Ctrl+F 버튼을 눌러주세요.
그 후 s_article_rep_thumbnail 를 검색하시고 행번호 405번 정도에 있는 C230X300을 C230x230 또는 C200x200으로 변경해 주세요.
4. 변경 적용
수정을 모두 마친 후에는 다시 우측 상단 세 가지 메뉴가 있는 영역에서 보이는 적용 버튼을 눌러 저장을 합니다.
이제 북클럽 스킨의 썸네일을 정사각형으로 변경하는 절차를 마쳤습니다. 본인의 블로그로 들어가서 썸네일이 잘 변경되었는지 확인해 보세요. 정사각형 썸네일로 변경하면 썸네일과 자연스럽게 어울리는 광고 배치도 쉬워지겠죠?
'유용한 정보' 카테고리의 다른 글
| 신용카드 포인트 현금전환 앱 및 통합조회 서비스 (어카운트인포) (0) | 2023.01.17 |
|---|---|
| 연말정산 인적공제 기준 (따로 사는 부모님 기본공제 가능?) (0) | 2023.01.11 |
| 마이 신한포인트 현금 전환 캐쉬백 방법 (0) | 2023.01.09 |
| 2023년 달라지는 것들 (만 나이, 최저시급, 복지 제도, 부동산, 세금 등) (0) | 2023.01.02 |
| 전세 보증금 돌려받기! 돌려 받지 못할 때 대처방법 4단계 (0) | 2022.12.14 |
댓글