티스토리 소제목 꾸미기, 스타일 바꾸는 가장 쉬운 방법

 

 

티스토리 소제목을 꾸미는 것은 단순히 예뻐 보이려는 것이 아닙니다. 보기 좋은 소제목은 읽는 사람의 가독성을 높여주고, 페이지에 오래 머물게 해 결국 수익 상승에 좋은 영향을 주는데요. 티스토리 소제목 꾸미기 방법을 아주 쉽게 알려드려요.

 

티스토리 소제목 꾸미기

 

목차

 

 

1. 티스토리 소제목  : h태그란

티스토리 소제목 스타일 바꾸는 법을 알려드리기에 앞서, 수정하지 않은 상태의 소제목이 어떻게 생겼고 흔히 h1, h2, h3 태그라고 말하는 소제목 h태그에 대해 읽어보시는 것을 추천드려요. 사실 티스토리 소제목 꾸미기를 아무리 잘해봤자, 이 h태그가 뭔지, 그리고 어떻게 사용해야 구글 SEO에 좋은지 모르면 아무 소용이 없으니까요.

 

▶ 티스토리 h태그 제대로 사용하는 법 (구글 SEO)

 

 

2. 티스토리 소제목 꾸미기 : 일반 (북클럽 등)

h태그에 대해 잘 알게 되셨다면 이제 본격적으로 티스토리 소제목 꾸미기 방법을 알려드립니다. 우선 가장 많은 분들이 사용하는 북클럽 스킨 등, 티스토리에서 자체적으로 제공하는 일반 스킨을 사용할 때의 소제목 스타일 바꾸는 법을 알려드릴 텐데요.

 

이 소제목 꾸미기를 적용하면 아래의 이미지 오른쪽처럼 소제목을 예쁘게 보여줄 수 있습니다.

 

꾸미기 전 / 후

 

이 방법을 적용하면 글씨의 크기뿐 아니라 본인이 원하는 색깔로 자유롭게 커스터마이징이 가능한데요. 누구나 따라 할 수 있는 쉬운 방법이에요.

 

 

2-1. 티스토리 관리화면 들어가기

소제목 스타일을 바꾸기 위해 티스토리 관리화면(설정)으로 들어갑니다.

 

2-2. 스킨편집 메뉴에서 CSS 들어가기

관리화면으로 들어왔다면 왼쪽 메뉴 중 [꾸미기 - 스킨 편집]을 눌러주세요. 그럼 다음과 같이 스킨 편집을 할 수 있는 새로운 창이 뜨는데요. 여기서 오른쪽 화면에 보이는 [HTML 편집] 버튼을 클릭. 그리고 들어가진 다음 화면에서는 상단의 [HTML] 옆에 [CSS]를 눌러줍니다.

 

티스토리 소제목 꾸미기

 

사실 여기까지 잘 들어오셨다면 소제목 스타일 바꾸기는 거의 다 끝났다고 보시면 돼요. 이제 소제목 스타일을 바꿔주는 코드만 넣어주면 되는데, 그 코드를 제가 첨부파일로 제공해 드릴 것이기 때문이죠.

 

2-3. 소제목 스타일 바꾸는 코드 넣고 저장

아래 보이는 코드가 바로 소제목 스타일 바꾸는 코드인데요.

 

소제목 스타일 바꾸는 법

 

이 코드를 다 손으로 칠 수 없으니 첨부해 드리는 코드를 복사해서 붙여 넣기만 하시면 됩니다. 붙여 넣는 위치는 어디에 넣어도 상관없는데 저는 찾기 쉽게 CSS 화면의 가장 끝부분에 넣었어요.

 

그리고 아마 이미 눈치채셨겠지만, 위의 코드 중 색깔을 지정하는 코드 부분(예 : #f7 ec57 노란색)에 본인이 원하는 색깔의 코드를 넣으면 색깔도 원하는 대로 커스터마이징이 가능합니다. 

 

HTML 색상 코드 보기

 

각각의 색깔 코드는 위의 사이트에서 확인이 가능합니다. 안전한 HTML 색상 코드 사이트이니 필요하신 분들은 활용해 보세요.

 

 

위에서 보여드린 소제목 스타일 바꾸는 html 코드는 아래에서 다운로드할 수 있습니다.

 

티스토리-소제목-일반.txt

0.00MB

 

 

3. 티스토리 소제목 꾸미기 : 고래스킨

티스토리를 사용하시는 분들이 가장 많이 사용하시는 스킨이 북클럽 스킨입니다. 북클럽 등 티스토리에서 자체 제공하는 스킨에는 위에서처럼 스킨 편집으로 들어가서 CSS 아무 데나 소제목 스타일 바꾸는 코드를 넣어주면 되는데요. 최근에 사용하기 시작한 고래스킨의 경우는 방법이 조금 다릅니다.

 

고래스킨 소제목 스타일

 

고래스킨은 특이하게 제목 1(h2), 제목 2(h3), 제목 3(h4)의 글씨 크기가 모두 동일한데요. 고래스킨 소제목 스타일 바꾸는 방법은 아래 포스팅에서 이어서 설명드릴게요.

 

 

티스토리 고래스킨 소제목 바꾸는 법 (코드 제공)

 

티스토리 애드센스 수익화에 도움 되는 다른 글들도 살펴보세요.

 

애드센스 수익 달러 입금 수수료 1/5로 아끼는 2가지 방법

애드센스 수익 달러 입금 수수료 1/5로 아끼는 2가지 방법

네이버 블로그 vs 티스토리 수익비교 (네이버 500명대, 티스토리 300명대)

네이버 블로그 vs 티스토리 수익비교 (네이버 500명대, 티스토리 300명대)