티스토리 목차 만들기

티스토리 목차 만들기

목차

스크립트 업로드

첨부한 파일의 압축을 풀고 2개의 파일을 업로드 한다.

jquery.toc.zip

0.00MB

경로 :블로그관리홈 > 꾸미기 > 스킨 편집 > html 편집 > 파일업로드

스킨 편집

1) html 편집

경로 :블로그관리홈 > 꾸미기 > 스킨 편집 > html 편집 > HTML

① 첨부 파일

첨부.txt

0.00MB

② 복사한 코드(script1.)를 </head> 앞에 붙여 넣는다.

③ 복사한 코드(script2.)를  </body> 앞에 붙여 넣는다.

2) CSS 편집

경로 :블로그관리홈 > 꾸미기 > 스킨 편집 > html 편집 > CSS

① 복사한 코드(CSS 코드)를 CSS에 붙여 넣는다.

.index_toc a:link{color:000;border:none;}
.index_toc {
   border: 1px solid #cccccc;
   background-color: #F2F4F7;
   font-weight: bold;
   margin-top: 20px;
   padding: 15px 0px 0px 15px;
}
#toc {padding-left:25px;}
#toc li > ul > li {list-style-type: none;}
#toc li > ul {padding: 0px 0 0px 0;}

서식 만들기

경로 :블로그관리홈 > 콘텐츠 > 서식관리 > 서식 쓰기

① 제목: 목차

② HTML 모드를 선택하고 첨부한 코드(서식 코드)를 입력한다. 

목차 넣기

새 글 작성 시, 원하는 위치에 서식 (목차)를 선택한다.

USB 메모리 - 액센 크롬 3.2 Gen1 64G