티스토리 커스텀 스킨 Berry Skin v4 배포

2025.10 기준으로 스킨 판매를 중단합니다. 그동안 Berry Skin을 사랑해주신 분들께 진심으로 감사 인사드립니다.

 

Berry Skin v4

처음 berry skin을 만들기 시작한건 제가 사용하려고 만든거였는데, 생각보다 사람들이 많이 사용해주셔서 뿌듯하기도 하고 재밌다보니 v4까지 만들게 된거 같네요. 감사의 인사를 드립니다.

 

스킨 특징

반응형 디자인

웹 / 테블릿 / 모바일 등 다양한 디바이스에도 최적화된 UI/UX를 제공해줍니다.

웹 / 테블릿 / 모바일

 

테마

Light 테마와 Dark 테마를 지원합니다. 헤더에 해/달 모양의 아이콘을 누르면 변경할 수 있습니다.

Light 테마 / Dark 테마

 

cover 제공

berry skin v3 까지는 cover 기능을 제공하지 않았지만, v4부터는 cover 기능을 제공합니다. cover는 총 4개를 제공합니다.

커버 종류

 

목록 타입(기본)

일반적인 형태의 목록 타입입니다.

목록 타입

 

카드 타입

카드 형식으로 표시되고 글의 개수가 늘어나면 가로 스크롤이 생깁니다.

카드타입

 

 

갤러리 타입

썸네일 사진만 나오고 마우스를 올리면 카테고리 / 제목 / 작성일시가 표시됩니다.

갤러리타입

 

커버 타입

썸네일 사진이 화면에 크게 나옵니다. 마우스를 올리면 제목 / 카테고리 / 작성일시가 표시 됩니다

마우스 올리기 전 / 마우스 올린 후

 

화면 UI/UX 설정

검색창 스타일 변경

검색창 테두리 스타일을 변경할 수 있습니다. (테두리없음 과 그라데이션테두리 중 선택 가능)

 

 

Table of contents

TOC를 제공합니다. 

 

좌측 상단에 TOC 버튼을 클릭하면, 아래 사진과 같이 "table of contents" drawer가 나타납니다

 

 

Footer 링크

푸터에 링크를 커스텀하게 추가하실 수 있습니다. 추가하지 않은 링크는 화면에 나타나지 않습니다.

SNS/ 커스텀 링크 추가

링크 추가된 예시 화면

 

본문 스타일

인용문 스타일

첫번째 인용문은 기본 스타일 그대로 유지하였습니다.

warning 타입: 인용문 2번째를 사용하시면 이와같이 표시됩니다. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

information 타입: 인용문 3번째를 사용하시면 이와같이 표시됩니다. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

 

 

코드 스타일

코드 태그로 감싸면 아래와 같이 표시됩니다. (<code>python</code> 와 같이 html 작성모드로 작성해야함)

python

 

 

코드 블럭 스타일

코드 블럭을 사용하면 아래와 같이 표시됩니다. (단, 티스토리 플러그인 "Syntax Highlight"를 같이 사용해주셔야 합니다)

def greet(text):
	print(text)
    
if __name__ == '__main__':
	greet('hello world')

 

티스토리 플러그인

 

 

테이블 스타일

테이블은 아래와 같이 표시됩니다.

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

 

 

다운로드

2025.10 기준으로 판매를 중단하였습니다. 그동안 구매해주신 분들께 감사드립니다.

 

적용 방법

Berry Skin v4 적용 방법 가이드

 

저작권 및 환불

환불

• 스킨을 받기 전에는 100% 환불 가능합니다
• 스킨 판매 특성상 스킨을 받은 이후에는 환불이 어렵습니다

 

저작권

• 스킨 수정 가능 (단, 아래 사진과 같이 하단 푸터에 명시된 저작권 표시는 지우지 말아주세요)
• 재배포는 안됩니다