티스토리 꾸미기 :: 북스킨 썸네일 정사각형으로 변경하기! 쏘 이지

 

 

안녕하세요 민그리니 입니다~

오늘은 티스토리 피드를 예쁘게 꾸미기 위해서

정사각형으로 썸네일을 조절하는 방법을 알려드리겠습니다!

 

 

 

 

 

 

티스토리는 다른 블로그들과 다르게, 

HTML 코드를 직접 변경해야하기 때문에

처음엔 어렵게 느껴지실 수 있어요!

 

하지만 천천히 다음 단계만 따라와 준다면

쉽게 변경 합니다!

 

---

 

 

먼저 초반의 저의 티스토리 블로그 모습입니다!

썸네일이 짤려서 아주 별로에요,,ㅜㅠ

 

 

 

1.  리스트 타입 수정 : 뉴북

먼저 스킨편집에 들어가셔서

스크롤을 내리다 보면,

다음 사진과 같이

리스트를 수정할 수 있는 칸을 찾으실 수 있습니다!

 

여기서 리스트 타입을 

뉴북

으로 변경해주세요!

 

 

 

 

 

 

 

 

2.  CSS : 검색 thum.img

그다음 오른쪽 상단에 CSS를 클릭하세요!

 

그 다음 Ctrl + F 를 누르고

thum.img 를 검색하세요!

 

그러면 여러 검색 결과가 뜰텐데,

바로 저와 같은 코드 화면을 찾지 못하셨다면

사진의 오른쪽 파란색 동그라미 속

노란 부분이 검색 결과이기 떄문에

노란 부분들을 클릭해 가며

해당 코드 화면을 찾아보세요!

 

찾으셨다면,

width : 150 px

height : 150 px

으로 수정해주세요!

 

 

 

 

 

 

 

3.  HTML : 검색 s_index_article_rep

그다음 왼쪽의 HTML를 클릭하세요!

 

그 다음 Ctrl + F 를 누르고

s_index_article_rep 를 검색하세요!

 

찾으셨다면,

C200x200

으로 수정해주세요!

 

 

 

---

 

 

 

다음과 같은 과정을 하면

저의 화면처럼

깔끔하게 정사각형 썸네일이

적용된 것을 보실 수 있어요!!

 

 

 

 

 

이렇게 하면 깔끔하고, 정돈된 느낌의

블로그 썸네일 조정 끝!

 

다음 게시물도

기대해주세요

뿅