본문 바로가기
티스토리

티스토리 블로그 서식 등록 및 글쓰기 꿀팁

by 로니킴 2021. 3. 31.


처음 글을 쓸 때 글쓰기의 레이아웃(포맷)이 있으면 짜임새 있는 글을 쓰기가 매우 편합니다. 서론, 본론, 결론, 두 괄실, 미괄식, 양괄식, 중괄식, 병력실 등 다양한 글 쓰기 방법이 있습니다. 티스토리의 서식 기능을 이용하면 매우 편리하게 글쓰기를 시작할 수 있습니다. 

 

목차

     


    티스토리 블로그 서식 등록 및 글쓰기 꿀팁

     

     

     


     

     

     

     

    티스토리 서식으로 글쓰기

    티스토리의 서식 기능을 이용해 글 쓰기를 시작할 수 있습니다. 또한 원하는 모양의 제목 1(H2), 제목 2(H3), 제목 3(H4)으로 단락을 구분할 수 있으며, 이쁜 디자인을 적용할 수 있습니다. 또한 전체 글의 흐름을 한눈에 볼 수 있도록 목차를 자동으로 삽입하는 코드를 함께 넣을 수 있습니다. 

     

     

     


     

     

     

    티스토리 서식 HTML 코드 붙여 넣기

    콘텐츠 → 서식관리 → 서식 쓰기를 선택합니다. 글쓰기의 기본 모드→HTML 모드로 변경합니다. HTML 모드에서 코드를 복사&붙여 넣기 합니다. 

     

     

    HTML은 코드는 다음과 같습니다. 처음 글이 시작되는 부분은 글의 디스크립션(Description)에 해당하는 부분으로 글의 요약을 의미합니다. 글자 수는 150~160자를 넘지 말아야 합니다.

     

    <p>글의&nbsp;요약&nbsp;설명&nbsp;부분.&nbsp;150자를&nbsp;적어주세요.&nbsp;글의&nbsp;요약&nbsp;설명&nbsp;부분.&nbsp;150자를&nbsp;적어주세요.&nbsp;글의&nbsp;요약&nbsp;설명&nbsp;부분.&nbsp;150자를&nbsp;적어주세요.&nbsp;글의&nbsp;요약&nbsp;설명&nbsp;부분.&nbsp;150자를&nbsp;적어주세요.&nbsp;글의&nbsp;요약&nbsp;설명&nbsp;부분.&nbsp;150자를&nbsp;적어주세요.&nbsp;글의&nbsp;요약&nbsp;설명&nbsp;부분.&nbsp;150자입니다</p>
    <p>&nbsp;</p>
    <div class="book-toc">
    <p>목차</p>
    <ul id="toc"></ul>
    </div>
    <p>&nbsp;</p>
    <hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style1" />
    <h2 style="border-bottom: 3px solid #707070; font-weight: bold; padding: 5px;" data-ke-size="size26">H2 제목</h2>
    <p data-ke-size="size16">본문내용넣기</p>
    <p data-ke-size="size16">&nbsp;</p>
    <hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style7" />
    <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;" data-ke-size="size23">H3 중제목</h3>
    <p>본문내용넣기</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style7" />
    <p>&nbsp;</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;" data-ke-size="size23">H3 중제목</h3>
    <p>본문내용넣기</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style7" />
    <p>&nbsp;</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;" data-ke-size="size23">H3 중제목</h3>
    <p>본문내용넣기</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <hr style="margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -304px / 200px 420px no-repeat; width: 200px; height: 19px; padding: 18px 20px 17px;" contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style7" />
    <p>&nbsp;</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;" data-ke-size="size23">마무리</h3>
    <p><span style="color: #333333;">마무리</span></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    H2, H3를 사용하였으며, 목차(TOC)가 포함됩니다. 목차는 H3를 표시합니다. 

     

     


     

    티스토리 서식 사용하기

    쓰기를 선택합니다. 더보기에서 서식을 선택합니다. 위에서 만든 [본문서식]을 클릭합니다. 

     

     

     


     

     

     

    마무리

    글쓰기를 시작할 때 서식을 사용하면 매우 편하게 글을 시작할 수 있습니다. 글쓰기 포맷은 없습니다. 하지만 구글 SEO가 좋아하는 포맷은 존재합니다. 구글이 좋아하는 글쓰기 포맷으로 시작한다면 많은 시간을 줄여 줄 수 있습니다. 또한 내가 좋아하는 글의 디자인도 설정할 수 있습니다. 

    글을 작성할 때 서식이 부족할 경우가 있는데 이럴때는 복사해서 사용하면 된다. 

     

     

     

     

     

     

     

     

     

     



    댓글