-
티스토리를 시작하기 전에 티스토리 목차 만들기는 기본으로 설정되어 있어서 클릭 한 번으로 가능할 줄 알았어요. 하지만 HTML을 수정하고 파일도 넣어주어야 밑에 보이는 자동 목차를 넣으실 수 있습니다. 제 포스팅을 따라오시면 누구나 알기 쉽게 목차를 만드실 수 있습니다.
목차
목차 만드는 이유
글을 읽는 사람이 편하게 보고 원하는 부분만 클릭하면 해당 내용으로 바로 갈 수 있습니다.
글을 쓰는 사람 또한 장점이 있습니다. 바로 구글이 좋아하는 글이기 때문이죠.
이러한 목차와 같이 구글이 좋아하는 것을 적용해 나가면 구글 유입이 늘어나기 때문입니다.
1. HTML 편집
- 우선 티스토리 스킨 편집으로 들어가서 코드를 넣어주어야 합니다.
티스토리 목차 만들기 - Ctrl + F를 눌러서 body를 검색해 줍니다. 그리고 밑에 메모장에 있는 코드를 style과 head 사이에 붙여 넣어줍니다.
style과 head 사이에 복사 후 붙여놓기.txt0.00MB
티스토리 목차 만들기 
티스토리 목차 만들기 - Ctrl + F를 눌러서 body를 끝까지 검색하면 마지막 body위에 밑에 메모장에 있는 코드를 붙여 넣어줍니다.
마지막 body위에 복사 후 붙여놓기.txt0.00MB
티스토리 목차 만들기 
티스토리 목차 만들기 2. CSS 편집
- Ctrl + F를 눌러서 revenue를 검색하시거나 스크롤을 제일 끝까지 내려서 밑에 메모장을 제일 마지막에 붙여 넣어 줍니다.
CSS 제일 밑에 줄에 추가로 붙여넣기.txt0.00MB
티스토리 목차 만들기 3. 파일업로드
- 이번에는 더욱 간단합니다. 단순하게 밑에 압축파일을 다운로드 후 압축을 풀어서 2개의 파일을 업로드하면 됩니다.
티스토리 목차 만들기 
티스토리 목차 만들기 
티스토리 목차 만들기 - 지금까지 언급은 안했지만 사진으로 보시면 아셨듯이 항상 [적용] 버튼을 까먹지 말고 누르셔야 합니다.
4. 서식 관리
서식 관리를 잘 모르실 수도 있으실까 봐 간단하게 설명드리겠습니다. 서식 관리는 블로그 글을 쓰면 자주 사용하는 것을 서식 관리에 미리 써두면 글 쓸 때마다 끌어와서 쓸 수 있는 기능입니다. 쉽게 말하면 복사 붙여 넣기라고 보시면 됩니다. 근데 복사 붙여넣기보다 좋은 점은 기본 모드에서의 글뿐만 아니라 HTML까지 끌어올 수 있어서 좋은 기능이라고 볼 수 있습니다. 그래서 저는 애드센스 승인 후 자동 광고 설정도 진행하지만 수동으로 서식 관리에 HTML을 넣어서 원하는 위치에 붙여 넣기를 합니다. 혹시 수동으로 광고 설정하는 방법이 궁금하시다면 다음 포스팅을 참고해 주세요.
- 서식 관리로 들어간 서식 쓰기를 누른 후 HTML 모드로 들어갑니다.
티스토리 목차 만들기 
티스토리 목차 만들기 - HTML 모드에 들어가서 제목은 본인이 기억하기 쉬운 제목으로 설정하시면 되고 밑에 메모장을 다운로드하여서 붙여 넣기 진행합니다. 여기까지 진행하시면 끝난 것입니다!
티스토리 목차 만들기 5. 서식 관리 활용
- 티스토리 블로그 글쓰기로 들어가시고 사진에서 보시는 것처럼... 부분을 클릭해서 서식을 클릭합니다.
티스토리 목차 만들기 - >p 부분이 도입 부분으로 >p를 먼저 지우시고 포스팅에 대해 소개하는 글을 쓰시면 됩니다.
티스토리 목차 만들기 - 목차 부분은 건드리면 안 됩니다.
- 제목 1, 제목 2 부분이 포스팅에 주제들로 추가적으로 만드시려면 사진처럼 [제목 2]를 클릭해 주세요.
티스토리 목차 만들기 티스토리 목차 만들기 여기까지 모든 과정이고 중간중간 미리 보기를 클릭하셔서 잘못된 부분은 없는지 확인하시면서 진행하시면 됩니다. 간혹 제목 부분을 띄어쓰기로 해서 밑에 사진처럼 될 수도 있으니 주의하시면 됩니다.
티스토리 목차 만들기 
티스토리 목차 만들기
티스토리 블로그 자부재
블로그 운영에 있어서 도움되는 내용을 공유하며 주로 티스토리 블로그에 관해 포스팅하려고 합니다. 추가적으로 구글 SEO관련 내용도 소개합니다.
