티스토리로 글을 쓰다 보면 제목을 좀 더 눈에 띄게 하고 싶은 분들이 많을 겁니다. 아무리 글의 내용이 좋다고 하더라고 한눈에 알아보기 쉽게 구성이 되어 있지 않으면 가독성이 떨어지게 됩니다. 이때 소제목을 가독성을 높이는 서식을 이용하면 되는데요
이번 글에서는 티스토리에 소제목을 꾸미는 다양한 서식을 알려드리겠습니다
티스토리 서식 사용법
1) 블로그관리 홈 > 콘텐츠 카테고리에 서식 관리 > 서식쓰기
좌측에 있는 블로그관리 홈으로 가서 콘텐츠 카테고리의 서식 관리를 클릭하면 서식 관리 화면이 나옵니다. 그러면 우측에 있는 서식 쓰기를 하면 서식을 만들 수 있습니다
2) 서식 쓰기는 HTML 모드
기본모드에서 HTML모드로 바꿔서 서식을 작성해 주세요
3) HTML모드에 복사한 코드를 넣어주면 됩니다
시식 소개
밑줄 소제목 스타일
1번
밑줄 소제목 1
2번
밑줄 소제목 1
3번
밑줄 소제목 2
글자 앞에 포인트를 주고 밑줄 스타일
1번
소제목 1
2번
소제목 1
글자앞 포인트 배경색 길게
1번
소제목2
2번
소제목2
3번
소제목2
소제목 전체 배경 길게 글자 앞 포인트
1번
소제목 3
2번
소제목3
글자앞 포인트 빈 네모 박스
1번
소제목4
2번
소제목4
글자앞 포인트만
1번
소제목5
2번
소제목5
두줄 소제목 글자앞 포인트만
1번
티스토리 소제목 꾸미기
두줄 소제목 스타일 서식 5
2번
티스토리 소제목 꾸미기
두줄 소제목 스타일 서식 5
두줄 소제목 글자앞 포인트 배경 길게
1번
티스토리 소제목 꾸미기
두줄 소제목 스타일 서식 5
두줄 소제목 글자앞 포인트 밑줄
1번
티스토리 소제목 꾸미기
두줄 소제목 스타일 서식 5
소제목 빈 사각형 점선과 배경 채운 점선
1번
소제목6
2번
소제목6
소제목 배경 채운 직사각형 모서리 둥근 직사각형
1번
소제목 7
2번
소제목 7
소제목 그라데이션 삼색 그라데이션 혼합색상
1번
그라데이션 소제목
2번
삼색 그라데이션 소제목 8
3번
삼색 그라데이션 소제목 8
4번
혼합색상 소제목
소제목 둥근 모서리 세로 그라데이션
1번
둥근 모서리 소제목 8!
2번
세로 그라데이션 소제목
소제목 단색 스타일
1번
단색 스타일 소제목 8
2번
단색 스타일 소제목 8
박스 그림자 소제목 스타일
1번
box-shadow 소제목 8
2번
box-shadow 소제목 8
폴더 소제목 스타일
1번
폴더 스타일 소제목
2번
폴더 스타일 소제목
책갈피 소제목 스타일
1번
책갈피 소제목
글 위에 라인 소제목 스타일
1번
글 위에 라인 소제목
2번
글 위에 라인 소제목
글 위와 아래 점선 글 위 점 3개 스타일
1번
글위에 점선 스타일
2번
밑줄 점선 스타일
3번
글 위에 점선 3개 소제목
밑줄 두꺼운 형광 밑줄 소제목 스타일
1번
깔끔한 밑줄 스타일
2번
두꺼운 밑줄 스타일
3번
형광 밑줄 소제목
라인 4가지 소제목 스타일
1번
소제목은 이곳 입력
2번
소제목은 이곳에 입력
3번
라인 소제목 3
4번
라인 소제목 3
글자 배경색 세로 그라데이션
1번
글자 그라데이션 스타일
2번
배경색 그라데이션
3번
배경색 그라데이션
앞 글자 강조 한쪽 둥근 스타일
1번
소제목입니다.
2번
소제목 B스타일
말풍선 그림자 테두리
1번
말풍선 테두리
2번
말풍선 테두리
3번
box-shadow 말풍선 테두리
4번
box-shadow 말풍선 테두리
인덱스 버튼 소제목 스타일
1번
깔끔한 인텍스 스타일
2번
버튼 스타일
3번
버튼 스타일
인용구 책갈피 목차 스타일
1번
목차
1. 가나다라
2. 마바사아
2번
목차
1. 가나다라
2. 마바사아
둥근 각진 단색 직각 스타일
둥근 박스
제목
- 내용 -
각진 박스 1
제목
- 내용을 적어주세요.
각진 박스 2
제목
- 내용을 적어주세요.
모서리 둥근 박스
내용
1.
2.
단색 모서리 둥근 박스
내용
1.
2.
모서리 직각 박스
내용
1.
2.
보드형 박스 스타일
1번
내용
1.
2.
2번
내용
1.
2.
좌측라인 노트 밑줄 인용구 스타일
좌측라인 인용구 1
좌측라인 인용구
1. 라인의 색상과 동일한 타이틀 글색
2. https://galam.tistory.com/
좌측라인 인용구 2
좌측라인 인용구
1. 본문의 색상과 동일한 타이틀 글색
2. https://galam.tistory.com/
노트 밑줄 인용구1
노트스타일 인용구 안내
본 인용구는 티스토리 설정의 차이로 밑줄이 밀려서 틀어질 수 있습니다.
PC에서는 정상적으로 보이지만 모바일에서는 밑줄이 밀려서 틀어질 수 있습니다.
밑줄이 밀려서 틀어질 경우 (#D4E6CE, #D4E6CE 1px, #ffffff 1px, #ffffff 2.0em)에서
2.0em의 치수를 줄이거나 늘려 조정하세요.
노트 밑줄 인용구2
노트스타일 인용구 안내
본 인용구는 티스토리 설정의 차이로 밑줄이 밀려서 틀어질 수 있습니다.
PC에서는 정상적으로 보이지만 모바일에서는 밑줄이 밀려서 틀어질 수 있습니다.
밑줄이 밀려서 틀어질 경우 (#D4E6CE, #D4E6CE 1px, #ffffff 1px, #ffffff 2.0em)에서
2.0em의 치수를 줄이거나 늘려 조정하세요.
카카오페이로 송금 결제 하기 카톡 송금 초보자 따라하기
전세보증금 같은 거액이 아니라 소액을 송금하려고 할 때 PC나 은행앱으로 송금을 하려면 시간도 걸리고 불편한 점이 있습니다. 몇 만 원에서 몇 십만 원 정도의 금액을 카톡을 이용하면 단 몇
culmuha.tistory.com
'각종 알뜰 정보' 카테고리의 다른 글
| 쿠팡플레이 시리즈 축구 주요 일정 오픈 트레이닝 K리그 맨시티 AT 마드리드 손흥민 케인 티켓 (0) | 2023.07.05 |
|---|---|
| 신용카드 혜택 제대로 받는 방법 꿀팁 결제일 날짜 리볼빙 신용점수 (0) | 2023.07.04 |
| 윌라 5주년 Anniversary 고객 감사 이벤트 책 읽어 주는 어플 오디오북 (0) | 2023.07.04 |
| 카카오페이로 송금 결제 하기 카톡 송금 초보자 따라하기 (0) | 2023.07.03 |
| 해외취업 연수 교육비 지원 최대 1,350만원 지원 일본 미국 해외연수 (0) | 2023.07.02 |
댓글