본문 바로가기
카테고리 없음

티스토리 소제목 서식으로 쉽게 꾸미는 방법 (색상 변경)

by marine85 2023. 7. 4.
반응형

티스토리 1일 1포 하고 계신가요? 매일 열심히 글을 쓰고 있지만 다른 블로그 보면 소제목 예쁘게 꾸며놓은 글을 보신 적 있나요? 소제목을 꾸며 놓으면 포스팅의 퀄리티도 높아지고 정리되어 가독성을 높여줄 수 있습니다. 검색해 보면 어려운 방법이 많은데 초보자들을 위해 쉬운 방법 안내해드립니다. 적용만 해두면 3초 만에 소제목 꾸밀 수 있는 아주 쉬운 방법 안내해 드릴 테니 천천히 따라 해 보세요!

 

 

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

 

 

 

 

 

 소제목 예쁘게 꾸미는 방법

 

1. 티스토리 블로그 접속 > 티스토리 관리 > 왼쪽 바 '서식관리' 클릭 > 오른쪽 상담 '서식 쓰기' 클릭

티스토리 접속 후 관리로 들어가 왼쪽에 서식관리를 클릭해 줍니다. 오른쪽 상단에 서식 쓰기를 클릭하면 글쓰기와 같은 양식이 나타납니다.

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

 

 

2. 오른쪽 상단 '기본모드' 클릭 > HTML 클릭

오른쪽 상단의 기본모드를 클릭하면 나오는 ' HTML ' 모드를 클릭합니다. 반드시 HTML 모드에서 적용해줘야 합니다.

 

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

 

 

3. HTML 모드 (검정 화면) > 제목입력 > 상단 다운로드한 코드 붙여 넣기 > 하단 완료 클릭

HTML모드로 변경되면 화면이 검은색으로 변경됩니다. 본인이 알 수 있도록 제목 설정 해주시고 서식코드를 복사(ctrl + c)하여 서식 쓰기 내용에 붙여 넣기 (ctrl + v) 해준 후 완료 버튼을 눌러주면 됩니다.

 

*서식코드 다운받기 (다운로드한 메모장 내용 복사하시면 쉽게 적용할 수 있습니다.)

소제목 꾸미기(좌측바+밑줄) 검정.txt
0.00MB

 

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

 

 

4. 서식목록 확인 

서식관리 목록에 새로 만든 서식이 보이시면 설정은 완료됐습니다. 참 쉽죠?

 

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

 

 

 

 소제목 적용 확인해 보기

서식을 작성했다면 제대로 적용되는지 확인해 봐야 합니다.

 

1. 티스토리 글쓰기 > 오른쪽 상단 점 세 개 클릭 > 서식 > 내가 설정한 서식제목 클릭 > 적용된 모습 확인!

티스트로 글쓰기를 실행해 봅니다. 오른쪽 상단에... (점 세 개)를 클릭해 주면 아래 목록이 나옵니다. 목록 중 서식을 클릭해 주세요. 서식을 누르면 내가 설정해 놓은 서식 목록이 나오는데, 그중 아까 설정해 놓은 서식 제목을 클릭해 줍니다. 클릭하면 완성된 소제목 양식이 바로 적용됩니다.

 

 

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

 

 

 

 소제목 색상 변경 방법

소제목 꾸미기 적용은 했지만 색상이 블랙이라 밋밋합니다. 색상을 변경할 수 있는 방법도 알려드릴게요!

 

1. 소제목 꾸미기 새로 만들기 >  색상 코드 찾기

방금 위에 소제목 꾸미기와 동일한 방법으로 다시 한번 서식을 작성합니다. (서식 작성 완료는 누르지 말고 작성만 해주세요. ) 그리고 아래 링크 색상차트에서 원하시는 색상을 골라주세요.

 

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

 

색상코드-확인하기-바로가기

 

 

2. 색상코드 복사하기

위의 링크로 이동 후 원하는 색상을 선택해 줍니다. 색상을 선택하면 하단에 나오는 색상 코드를 복사(ctrl + c)해줍니다.

 

티스토리-소제목-꾸미는-방법
티스토리 소제목 꾸미는 방법 (출처 - html-color-codes 홈페이지)

 

 

3. 색상코드 소제목 코드에 적용 > 저장

작성해 놓은 서식 쓰기로 다시 돌아갑니다. 적용된 코드에서 원하시는 부분에 선택한 컬러코드를 입력해 줍니다.

* border-bottom = 아래줄 색상 / border-left = 왼쪽 바 색상 

위에 만들어놓은 검정 서식과 헷갈리지 않게 제목을 정한 후 저장해 줍니다. (저는 색상 이름으로 제목을 정했습니다.)

 

 

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

 

 

 

4. 적용 확인해 보기

글쓰기 모드로 다시 돌아가서 서식을 적용해 보면 색상이 변경된 것이 확인할 수 있습니다.

 

 

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

 

파란색으로 예쁘게 적용된 모습을 볼 수 있습니다. 티스토리 자체 광고 때문에 스킨을 변경하면서 꾸미기 다시 하려니 스킨이 달라서 인지 너무 어렵더라고요. 저같이 헤매는 분들이 없으시도록 쉬운 방법 공유해 드립니다. 

반응형