이곳은 빈칸입니다.
티스토리 블로그 소제목 꾸미는 방법을 알려드립니다. 꾸미기 방법이라고 해서 이 글을 보시는 분들이 직접 코드를 만드는 것이 아니고 제가 만든 코드를 티스토리 서식으로 만드셔서 글을 쓰실 때 사용하시면 됩니다.
위 소제목 처럼 꾸미는 것을 알려드리겠습니다. 소제목의 코드는 아래와 같습니다.
<h2 style="color: #222222;
word-spacing: 0.5px;
box-sizing: border-box;
line-height: 1.5;
margin: 20px 0px;
padding: 10px 15px;
border: 2px solid blue;
border-radius: 0px 20px 0px 20px;
box-shadow: #4287f5 2px 2px 0px;
font-weight: bold;"
data-ke-size="size26">
shadow-box</h2>
소스코드는 아래에 첨부파일을 다운로드하시면 됩니다.
1. 위에 첨부된 소스코드를 다운받으세요.
2. 티스토리 관리자 페이지로 이동하세요.
3. 사이드바 좌측 콘텐츠 내 서식관리를 클릭하세요.
4. 화면 우측 상단 서식 쓰기를 클릭하세요.
5. html 모드로 들어가세요.
6. 다운로드한 소스코드를 붙여 넣기 하세요.
7. 기본 모드로 돌아가면 shadow-box가 나타납니다.
8. 이제 글쓰기 모드로 이동하세요.
9. 화면 우측 상단에 평행하게 배치된 점선 세개를 클릭하세요
10. 서식을 클릭하시면 위에서 만든 shadow-box 서식이 글쓰기에 나타납니다.
코드 순서대로 알려드리겠습니다. 설명드리지 않은 코드는 그대로 두시기 바랍니다.
1. color
2. word-spacing
3. line-height
4. margin
5. padding
5. border
6. border-radius
7. border-shadow
8. font-weigth
소제목을 꾸미기 위한 코드를 보시면 처음에 <h2로 시작합니다. 이것은 글쓰기에서 제목1에 해당합니다. 만약 제목1을 먼저 쓰시고 그 아래 단계로 이 코드를 사용하시려면 텍스트를 제목2로 수정하시면 됩니다. 즉 글의 단계에 맞게 제목 부분을 수정하셔서 사용하시기 바랍니다.
이렇게 설명드리는 이유는 구글 seo에서 단계에 맞는 태그 사용이 중요하기 때문입니다. 검색해보시면 소제목 꾸기기 자료들을 많이 볼 수 있습니다. 다운로드하여서 쓰시는 것은 좋은데 글의 체계에 맞게 사용하시기 바랍니다.
티스토리 관련 다른 포스팅 보기