본문 바로가기
IT 공략집/티스토리

티스토리 소제목 꾸미는 법과 컬러 및 두께 변경하는 법

by 부업 마스터_디지털 노마드 2023. 5. 3.

티스토리를 하다보면 최대한 남들에게 보기 쉽게 해주고 싶은 게 모든 사람의 마음인가요?

저는 항상 그렇네요.ㅎㅎ 제가 열심히 공부한 것을 친절하고 명확하게 알려주고 싶은! 그런 마음.

그래야 체류시간도 길어지고, 정돈된 느낌에 내 기분도 덩달아 좋기 때문이죠~♬

그래서 저는 글을 쓸 때도 정돈 되어 있는 걸 좋아하는 것 같습니다.

 

매번 소제목을 쓸 때 그냥 제목2 태그로 굵게(볼드체) 표시하고 끝냈었는데

그렇게만 하기엔 너무 지저분해 보입니다..ㅠ 그래서 열심히 서치한 끝에 굉장히 쉬운 방법을 찾아냈습니다! (야호!)

 

잘 연구한 결과를 여러분들께 공짜로 공개합니다! (짜라란~)

그리고 이 방법은 모바일로도 동시에 적용이 되기 때문에 굉장한 이점이 있습니다^^

 

 

티스토리 소제목 꾸미는 방법

 

제가 말씀드린 소제목이란 바로 이런 것이다.

한 눈에 봐도 깔끔하죠~?

 

하는 방법을 알려드리겠습니다.

 

저 같은 경우는 서식을 이용했습니다.

티스토리 소제목 꾸미기 양식.txt
0.00MB

우선, 위의 첨부파일을 다운 받아주세요!

 

그런 다음,

 

1. 티스토리 블로그 관리 > 콘텐츠 > 서식관리 메뉴 > 서식 쓰기를 클릭합니다.

 

2. 클릭 후 기본모드를 HTML 모드로 변경합니다.

 

3. 방금 다운로드된 메모장 안에 있는 내용(코드)을 전부 복사합니다.

 

 

4. 복사한 코드를 전부 HTML 모드에 붙여 넣습니다.

 

 

5. 다시 기본모드로 변경합니다.

6. 서식이 잘 변경되었는지 확인한 후 제목을 작성하시고 완료를 눌러 저장합니다.

 

 

이렇게 하셨으면 다음부터 글 쓰실 때 [...] > [서식] 란에서 자유자재로 꺼내 쓰실 수 있습니다.

짠! 끝! 간단하쥬?

 

 

소제목 서식 컬러(색깔)와 두께 바꾸기

 

※ Tip: 저처럼 좌측바의 두께를 얇게 할 수 있는데요. 

 

아래의 그림과 같이 #000000이라고 하는 부분과 10px라고 하는 부분이 있는데요!

여기에서 #000000은 좌측바의 컬러코드이고 10px는 좌측바의 두께를 뜻합니다.

컬러코드를 보고 싶으시다면 아래의 링크를 눌러주세요!

컬러코드 바로가기 링크

 

 

그럼 오늘도 좋은 하루 보내세요!^^

 

 

댓글