블로그에 처음 금을 작성하면 어떤 레이아웃을 사용해야 할지 고민하는 경우가 많다. 짜임새 있는 글을 쓰거나 대중적으로 많이 사용하고 있는 글을 쓰려면 티스토리 블로그 서식 등록을 하여 간단히 글쓰기의 틀을 잡을 수 있을 것이다.
목차
티스토리 블로그 서식 등록으로 간단히 글쓰기
블로그에서 글을 쓰려면 서론, 본론, 결론이라는 큰 틀을 잡는 것이 중요하다. 두괄실, 미괄식, 양괄식, 중괄식, 병렬 등 글 쓰는 방법도 다양하지만 검색엔진에서 좋아하는 서식을 사용하여 편리하게 글쓰기를 시작하면 좋다. 처음부터 서식을 고민한다면 글쓰기 시작부터 지치기 때문이다.
서식 등록
🔽 티스토리에서 글을 쓰려면 서식 등록을 하는 것이 매우 중요하다. 아마도 대부분 티스토리에서 블로그를 하는 사람이라면 엄청난 서식 등록으로 글의 디자인 모양을 만들어 사용할 것이다. 글 쓰기를 시작하면서 필요한 모양의 제목 1(H2), 제목 2(H3), 제목 3(H4)의 단락으로 구분, 예쁜 디자인 서식을 등록하여 이용해 보도록 하자.
- "서식 관리" 선택.
- "서식 쓰기" 선택.
- 위의 이미지처럼 서식을 등록할 수 있다.
👉 서론, 본론, 결론으로 글 쓰는 이유 - 바로가기
👉 책을 쓰는 요령! 두괄식, 미괄식, 양괄식, 중괄식, 병렬식 글쓰기란? - 바로가기
간단히 글쓰기 - HTML 코드 양식
🔽 서식 등록에 대하여 알았다면 그럼 일반적으로 다른 사용자들은 어떤 서식을 사용할까? HTML 모드에 코드를 가지고 왔다 서식을 꾸미고 만드는 것에 재능이 없다면 아래의 서식을 고대로 복사해서 붙여 넣어 사용해도 된다.
<p style="text-align: justify;" data-ke-size="size18"><span style="color: #333333; text-align: start;">글의 요약 설명 부분, 서두는 130자 에서 160자로 구성(공백 포함), 서두는 130자에서 160자로 구성(공백 포함), 서두는 130자에서 160자로 구성(공백 포함), 서두는 130자에서 160자로 구성(공백 포함), 공백포함, 그리고 복붙 하지 않기.</span></p>
<p style="text-align: justify;" data-ke-size="size18"> </p>
<div style="padding: 0em 1em 0em 1em; margin: 0.5em; border-left: 10px solid #009a87;">
<p data-ke-size="size18"><b>목차</b></p>
<ol id="toc" style="list-style-type: decimal;" data-ke-list-type="decimal"></ol>
<script type="text/javascript"> $(function(){ $("#toc").toc({content: ".tt_article_useless_p_margin", headings: "h3"}); });</script>
</div>
<ol id="toc" style="list-style-type: decimal;" data-ke-list-type="decimal"></ol>
<h2 style="border-bottom: 3px solid #707070; font-weight: bold; padding: 5px; text-align: justify;" data-ke-size="size26">H2 제목. 한글(15자 적당, 에버그린 글쓰기)</h2>
<p style="text-align: justify;" data-ke-size="size16">본문내용 넣기</p>
<p style="text-align: justify;" data-ke-size="size16"> </p>
<h3 style="font-weight: bold; border-bottom: 1px solid #d83c3c; margin: 10px 0px 5px; border-left: 5px solid #d83c3c; letter-spacing: -0.07em; line-height: 30px; padding: 0px 10px 1px; text-align: justify;" data-ke-size="size23">H3 중제목 1</h3>
<p style="text-align: justify;" data-ke-size="size16">본문내용 넣기</p>
<p style="text-align: justify;" data-ke-size="size16"> </p>
<h3 style="font-weight: bold; border-bottom: 1px solid #d83c3c; margin: 10px 0px 5px; border-left: 5px solid #d83c3c; letter-spacing: -0.07em; line-height: 30px; padding: 0px 10px 1px; text-align: justify;" data-ke-size="size23">H3 중제목 2</h3>
<p style="text-align: justify;" data-ke-size="size16">본문내용 넣기</p>
<p style="text-align: justify;" data-ke-size="size16"> </p>
<h3 style="font-weight: bold; border-bottom: 1px solid #d83c3c; margin: 10px 0px 5px; border-left: 5px solid #d83c3c; letter-spacing: -0.07em; line-height: 30px; padding: 0px 10px 1px; text-align: justify;" data-ke-size="size23">H3 중제목 3</h3>
<p style="text-align: justify;" data-ke-size="size16">본문내용 넣기</p>
<p style="text-align: justify;" data-ke-size="size16"> </p>
<h3 style="font-weight: bold; border-bottom: 1px solid #d83c3c; margin: 10px 0px 5px; border-left: 5px solid #d83c3c; letter-spacing: -0.07em; line-height: 30px; padding: 0px 10px 1px; text-align: justify;" data-ke-size="size23">결론</h3>
<p style="text-align: justify;" data-ke-size="size16"><span style="color: #333333;">마무리 글</span></p>
<p style="text-align: justify;" data-ke-size="size16"> </p>
<p style="text-align: justify;" data-ke-size="size16">썸네일</p>
- "서식 관리" 선택.
- "서식 쓰기" 선택.
- 본문 서식 글씨기 화면
- 이미지의 "기본 모드" ➜ "HTML" 변경 ➜ 위의 HTML 코드를 자신의 블로그에 복사해서 붙여 넣기.
👉 광고 서식 HTML 코드 복사해서 붙여 넣기 - 바로가기
👉 목차 서식 HTML 코드 복사해서 붙여 넣기 - 바로가기
서식 사용법
🔽 그러면 이제 정말 글을 써보자. 글쓰기를 눌러 글을 쓰기를 선택하고 더 보기를 눌러 등록된 서식을 불러와 글을 쓰면 된다. 사용법에서 중요한 것은 정말 글만 쓰면 된다는 것이다. 본문 서식을 등록하고 때로는 사진을 넣는다면 사진 서식이라던지 광고 서식이라던지 그것은 사용자에 따라 다르다.
- "글쓰기" 선택.
- "점 3개" ➜ "서식" 선택
- "본문 서식" 선택(내가 저장해 놓은 서식).
- 설정된 서식으로 글을 쓰면 된다.
👉 티스토리 블로그 정보성 글 쓰는 방법 - 바로가기
👉 티스토리 블로그 이슈성 글 쓰는 방법 - 바로가기
결론
🔽 티스토리 블로그에 글을 쓸 때마다 서식이 바뀌거나 고민하는 경우가 정말 많다. 위의 포스팅을 보면서 이제는 조금 빨라진 글쓰기 모습을 볼 수 있을 것이다. 하지만 구글 SEO 글쓰기의 길은 멀고도 멀었다. 나도 배우면서 이렇게 글을 작성하고 있다. 구글이 좋아하는 글쓰기와 포맷, 읽는 사람에게 어떠한 디자인을 설정해야 나의 글이 조금 더 완성적으로 보이는지는 계속 고민할 것이다.
'블로그 > 티스토리' 카테고리의 다른 글
티스토리 파워포인트 만능 썸네일 만들기 (0) | 2023.08.26 |
---|---|
티스토리 애니메이션 링크 효과 만들기 (0) | 2023.08.22 |
티스토리 북클럽 스킨 자동 목차(TOC) 만들기 (0) | 2023.08.18 |
티스토리 북클럽 스킨 SEO 속도 최적화 방법 (0) | 2023.08.17 |
티스토리 북클럽 스킨 썸네일 크기 변경하기 (0) | 2023.08.16 |