티스토리 소제목 꾸미기 서식 공유
티스토리 블로그의 매력 중 하나는 HTML 모드를 이용해 자신이 원하는 대로 블로그를 꾸밀 수 있다는 점입니다. 처음에는 너무 어렵고 나 같은 컴맹이 과연 HTML모드를 사용할 수 있을까 생각했습니다. 하지만 찾아보고 하나하나 적용해 보면 그렇게 어렵지 않은 것 같습니다. 오늘은 티스토리 소제목 꾸미는 방법을 알려드리고 서식도 공유해드겠습니다.
✅목 차
- 소제목 꾸미기 서식 공유
- 소제목 서식 적용하는 방법
- 글쓰기에 서식 활용하는 방법
1. 소제목 꾸미기 서식 공유
제가 사용하고 있는 서식을 공유해 드리겠습니다. 저도 검색을 통해 티스토리 고수님들이 나눠주시는 여러가지 정보들을 보고 배웠습니다. 그래서 저도 제가 배워서 만든 소제목 꾸미기 서식을 공유해 드리려고 합니다.
디자인은 동일하고 색상만 바꾼 양식입니다. 다운받으셔서 사용하시면 됩니다.
<!-- 소제목 시작 --> <h3 style="box-sizing: border-box; margin-bottom: 5px; border-right-width: 0px; word-spacing: 3px; margin-top: 5px; border-bottom: #6164C6 3px solid; border-left: #6164C6 12px solid; letter-spacing: 1px; line-height: 1.5; border-top-width: 0px; margin-right: 0px; border-image: initial; padding: 3px 5px 3px 5px;" data-ke-size="size23"><span style="color: #000000;"> <span style="font-size: 20px;">소제목 입력</span></span></h3> <p style="text-align: left;" data-ke-size="size16">내용 입력</p> <!-- 소제목 종료 -->
빨간색으로 표시된 부분은 색상코드입니다. 빨간색 글씨의 색상코드만 변경하시면 원하시는 색상의 소제목을 만드실 수 있습니다.
제가 공유한 서식을 적용했을 때 소제목 디자인입니다. 서식을 다운로드하시고 좋아하시는 색깔로 변경하셔서 사용하시면 됩니다.
색상코드는 글쓰기모드에서 텍스트색상을 눌러 확인하실 수 있습니다.
2. 소제목 서식 적용하는 방법
소제목 서식은 메모장에 저장해 두고 그때그때마다 HTML모드에 붙여 넣기 하는 방법이 있습니다. 하지만 이 방법은 너무 번거롭기 때문에 티스토리 설정에서 서식을 만들어 사용하시면 편리합니다.
먼저 블로그관리 홈에 들어가셔서 '콘텐츠 - 서식관리'에 들어갑니다. 그리고 여기서 서식을 만들어 주면 됩니다.
서식관리에서 '서식 쓰기'를 클릭해 새로운 서식을 만들어 줍니다
제목은 알아보기 쉽게 설정합니다. 그리고 HTML 모드로 들어가 제가 공유한 서식을 복사, 붙여 넣기 하시면 됩니다.
이렇게 붙여 넣기를 하시고 다시 기본모드로 돌아와 줍니다.
그러면 이렇게 소제목이 나타납니다. 서식을 만들어 놓으면 글쓰기를 할 때 간편하고 보기 예쁜 소제목을 바로바로 사용하실 수 있습니다.
다른 색상들도 동일하게 적용하시면 됩니다. 그리고 제목에는 색상을 표시에 알아보기 쉽게 저장해 줍니다.
이렇게 하면 글쓰기 서식에 저장이 됩니다. 그럼 저장한 서식을 글쓰기에 적용해 보겠습니다.
3. 글쓰기에 소제목 서식 활용하기
글쓰기 모드에 들어가 줍니다.
글쓰기 모드에서 글을 쓰다가 소제목을 원하시는 위치에서 '서식'을 눌러줍니다. 그러면 아까 만들었더니 소제목 꾸미기 서식들이 나옵니다. 원하는 색상에 서식을 클릭하셔서 불러오시면 됩니다.
이렇게 하면 간편하지만 예쁜 소제목을 사용할 수 있습니다. HTML모드는 처음에는 어렵지만 하다 보면 바로 복사 붙여 넣기 해서 사용하기 때문에 점점 간편해집니다. 공유드린 서식을 잘 이용하셔서 예쁘게 나만의 티스토리 블로그를 꾸며보시기 바랍니다.
댓글