티스토리 소제목 꾸미기 코드 입력하기

소제목 꾸미기

 

 

티스토리 소제목 꾸미기 코드 입력하기

 

티스토리를 하다 보면 html 태그 코드를 활용해야 하는데 예전에 공부했던 코드를 다 잊어버리고 다시 공부하려고 하니 머리에 쥐가 날 것 같아요. 그래도 다른 사람들이 하는 것을 보면서 차근차근 공부해 봅니다. 일단 만들어 놓으면 활용도가 높고 언제든 맛있는 과일을 꺼내먹듯 꺼내먹을 수 있거든요.

 

 

소제목으로 쓰는 서식을 만들어보았어요.

 

소제목 이렇게 적용하기

 

소제목 틀을 만들고 보니 본문제목과 소제목을 확실이 나눌 수 있어 보기도 좋고 가독성을 높여 구독자들과 소통도 원활하고 간편하게 적용할 수 있어 좋습니다.

 

h3 style="box-sizing: border-box; border-right-width: 0px; border-bottom: #000000 2px solid; margin: 5px 0px; border-left: #000000 10px solid; letter-spacing: 1px; line-height: 1.5; border-top-width: 0px; padding: 3px 5px 3px 5px;">소제목</h3

 

소제목 만들기 순서

1. 티스토리 관리자 모드

2. 콘텐츠-서식관리 클릭

3. 서식 쓰기- 서식제목 입력(소제목)

4. 기본모드-HTML 클릭

5. 위의 네모칸 코드 복사한 후 HTML 모드에 붙여 넣기

6. 기본모드로 돌아가기

7. 소제목 코드가 적용된 것을 확인하고 (완료) 클릭하기

 

이제 잘 되었는지 글쓰기 에디터로 돌아와 점세개를 눌러 서식 버튼을 클릭합니다.

 

소제목

소제목 글자를 지우고 원하는 제목을 입력하면 됩니다.