티스토리(Tistory) 본문에 목차별 링크 만들기

티스토리(Tistory) 본문에 링크 만들어 포스팅하기 

몇몇 티스토리(Tistory) 운영자분들의 블로그를 방문하다 보면 본문에 목차 링크를 활용한 포스팅을 보곤 합니다. 티스토리(Tistory) 자체 기능으로 사용은 불가능하고 html을 수정하여야만 사용가능한데요 누구나 간단히 사용할 수 있도록 템플릿을 만들어 보았습니다.

 

요렇게(아래) 동작합니다.

1.

2.

3.

4.

5.

6.

7.

 

1. 제목

1의 내용

2. 제목

2의 내용

3. 제목

3의 내용

4. 제목

4의 내용

5. 제목

5의 내용

6. 제목

6의 내용

7. 제목

7의 내용

 

    티스토리(Tistory) 본문링크용 템플릿 사용방법

 

1. "글쓰기" > "html"

글쓰기에서 기본모드를 html로 변경합니다.

 

 

2. 템플릿 html 입력 > "완료" > "비공개 저장"

첨부의 파일에서 전체 내용을 copy한후 Tistory 글쓰기에 paste 하고 저장합니다.

다운로드

 

 

3. "글 관리" > "수정"

기본모드에서 불필요한 링크를 삭제하며 포스팅합니다. 7번 이상의 링크가 필요할 경우 html 모드에서 같은 형식으로 추가 작업하면 됩니다. (잘 안되시면 댓글 주세요)

 

 

 

이 포스팅에서 바로 Copy 하고 싶을 경우 아래 내용을 이용하세요

 

<!--목록 -->
<blockquote data-ke-style="style3"> <p data-ke-size="size16">
<a href="#section1">1.</a></p><p data-ke-size="size16">
<a href="#section2">2.</a></p><p data-ke-size="size16">
<a href="#section3">3.</a></p> <p data-ke-size="size16">
<a href="#section4">4.</a></p> <p data-ke-size="size16">
<a href="#section5">5.</a></p> <p data-ke-size="size16">
<a href="#section6">6.</a></p> <p data-ke-size="size16">
<a href="#section7">7.</a></p> <p data-ke-size="size16">
</blockquote>
<!--목록 끝 -->

<!-- 콘텐츠 섹션 -->
<div id="section1"> <h2 data-ke-size="size26">1. 제목</h2> <p data-kesize="size16">1의 내용</p> </div>
<div id="section2"> <h2 data-ke-size="size26">2. 제목</h2> <p data-kesize="size16">2의 내용</p> </div>
<div id="section3"> <h2 data-ke-size="size26">3. 제목</h2> <p data-kesize="size16">3의 내용</p> </div>
<div id="section4"> <h2 data-ke-size="size26">4. 제목</h2> <p data-ke-size="size16">4의 내용</p> </div>
<div id="section5"> <h2 data-ke-size="size26">5. 제목</h2> <p data-ke-size="size16">5의 내용</p> </div>
<div id="section6"> <h2 data-ke-size="size26">6. 제목</h2> <p data-ke-size="size16">6의 내용</p> </div>
<div id="section7"> <h2 data-ke-size="size26">7. 제목</h2> <p data-ke-size="size16">7의 내용</p> </div>
<!-- 콘텐츠 섹션 끝 -->

 

티스토리(Tistory) 본문에 링크 만들어 포스팅하는 방법에 관한 포스팅이었습니다.

감사합니다.

 

공감과 댓글은 글쓴이에게 많은 힘이 됩니다.