블로그 키우기

티스토리 소제목 서식 만들기

배수의 진 2020. 9. 29. 19:19

블로그를 작성 시 문장을 구분하고 싶은 경우가 있습니다. 티스토리 글쓰기는 제목 1~제목 3, 본문 1~본문 3, 인용 1~인용 2로만 되어있어 문장을 나눠 소제목을 넣어도 육안상으로 눈에 딱 띄지 않는 단점이 있습니다. 이런 부분을 해결한 서식 이용하기인데요. 미리 작성해 놓은 서식을 불러와서 이용하면 글 쓰는 시간을 많이 줄일 수 있는데 오늘은 소제목 넣기를 해보겠습니다.


 

 

소제목 서식 만들기

 

관리자 페이지 메뉴 >콘텐츠>서식관리로 들아간다.

 

 

 

 

 

 

서식 만들기 위한 HTML에 '서식 코드' 넣기

 

아래 '소제목 서식코드 파일'을 복사, 붙여 넣기 한다.

 

소제목 서식 코드 파일

 

티스토리_본문소제목스타일2.txt
0.00MB

 

 

 

 

 

소제목 서식코드 파일 보기

 

위의 '소제목 서식코드 파일'을 열면 아래와 같이 코드가 보인다. 파란색 박스로 친부분이 1세트이니 파란색 부분만 복사해서 위 HTML에 붙여 넣기 하는 것이다.

 

 

 

 

HTML 붙여넣기한 모습

 

그냥 '붙여 넣기' 하면 된다.

 

 

 

 

 HTML을 빠져나와 서식을 보면 아래와 같이 나타난다.

 

위 HTML 코드에서 border-left:15px solid black

노란색의 black을 원하는 색깔로 바꿔 사용할 수 있다. red 등으로

 

 

 

간단하게 맨 왼쪽의 소제목 막대만 필요할 경우

 

아래와 같이 코드의 맨 위 한 줄만 남기고 지우면 되고 아래 적색처럼 "본문 소제목 넣기" 도 삭제한다.

 

 

 

 

최종적으로 소제목 막대만 나온다.

 

 

 

 

 

 

오늘은 간단한 티스토리 소제목 서식 만들기를 공유합니다. 감사합니다.