블로그 포스팅을 하다 보면,
똑같은 콘텐츠도 소제목만 잘 정리해도
가독성과 완성도가 확 달라진다는 걸 느끼게 됩니다.
특히 티스토리를 운영하면서
'왜 내 글은 사람들이 오래 머무르지 않을까?',
'왜 검색에 잘 안 걸릴까?' 고민이 된다면,
오늘 알려드리는 소제목 꾸미기 방법을
한 번 적용해보세요.
이번 글에서는 블로그 글의 흐름을 살리고,
SEO 최적화에도 효과적인 소제목 꾸미기를소개합니다.
깔끔하고 눈에 띄는 포스트를
만들고 싶은 분들께 도움이 되길 바랍니다!
1. 소제목 코드 공유
베이지 소제목
<h3 style="background: #F3E9DC; color: #997000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;" data-ke-size="size23">베이지 소제목</h3>
핑크색 소제목
<h3 style="background: #ff69b4; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;" data-ke-size="size23">핑크색 소제목</h3>
주황색 소제목
<h3 style="background: #ffa500; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;" data-ke-size="size23">주황색 소제목</h3>
회색 소제목
<h3 style="background: #808080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;" data-ke-size="size23">회색 소제목</h3>
라벤더 소제목
<h3 style="background: #E3D5FF; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;" data-ke-size="size23">라벤더 소제목</h3>
파우더블루 소제목
<h3 style="background: #B0C4DE; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;" data-ke-size="size23">파우더블루 소제목</h3>
* 앞의 background: #000000;는 배경 색상이고, 뒤 color: #ffffff;는 글씨 색상입니다.
* 블로그 관리 > 서식 관리 메뉴를 통해 서식을 등록하시면 됩니다!
* 소제목 코드는 아래의 메모장 첨부 파일 걸어두었습니다.
2. 예쁜 파스텔 색상 코드표
색상 코드 정보는 ( ▶여기 )를 클릭해서 확인해보세요
예쁜 파스텔 색상으로만 모아놨으니, 한번 확인해보세요! :)
티스토리 블로그를 꾸준히 운영하다 보면,
‘같은 내용인데 왜 저 블로그는
더 고급져 보이지?’라는 생각이 들 때가 있어요.
사실 그 차이는 디자인보다 구성,
구성보다 디테일입니다.
그리고 소제목은 그 디테일의 중심에 있습니다.
오늘 알려드린 다섯 가지 소제목 꾸미기 방법만 적용해도,
블로그 글의 완성도와 집중도가 확 달라질 거예요.
중요한 건 꾸준한 시도와
나만의 스타일을 만드는 거겠죠?
이제 여러분도 단순한 텍스트를 벗어나,
'읽히는 블로그'에서 '머무는 블로그'로
한 단계 업그레이드 해보세요
'IT' 카테고리의 다른 글
티스토리 블로그 형광펜 밑줄 CSS 삽입 방법, 색상코드표 (0) | 2025.05.11 |
---|---|
챗GPT 지브리풍 감성 이미지 만들기 / 챗GPT 유료 할인 받는 방법! (faet. 겜스고) (0) | 2025.03.31 |
티스토리 글 행간 띄어쓰기 오류 / CSS, Html은 개뿔.. (0) | 2025.03.28 |
ASUS 노트북 블루투스 없어짐, 블루투스 연결 사라짐 해결 방법! (드디어;;;) (0) | 2025.02.26 |
디지털 노마드 되는 방법, 신종 사기 주의!, 프리랜서 직업으로 추천드려요! (1) | 2025.02.06 |