티스토리 블로그를 운영하다보면 목차가 있는 블로그들이 있더라구요. 처음에는 어떻게 하는지 모르겠어서 여러가지 방법을 찾아보기도 했습니다. 인터넷에는 생각보다 너무 복잡하고 어려운 방법들이 즐비하더라구요. 별 것도 아닌 작업에 시간을 쏟는 것을 굉장히 싫어하는 성격이여서 몇 날 몇 일을 답답한 상태로 지내 왔습니다. 그러다가 확실한 방법을 찾고 초보 블로거들을 위해 글을 써야겠다고 마음 먹었습니다. 제 글을 통해서 조금이라도 헤메이지 마시고 한번에 해결하시길 바랍니다!!^^
목차 만드는 방법
티스토리는 네이버 블로그처럼 많은 형식들이 짜여져 있지 않습니다. 좋게 말하면 쉽게쉽게 블로그를 꾸밀 수 있다고 해석이 되지만 반대로 해석하면 내가 정말로 원하는 블로그를 디테일하게 꾸밀 수 없다는 말이 됩니다. 반면 티스토리 블로그는 HTML모드, CSS을 직접 수정할 수 있어서 마치 개발자의 입장으로 아주 디테일한 부분까지 블로그를 손 볼 수 있습니다. 처음엔 이 부분에 대해서 굉장히 어려웠지만 블로그를 하면 할 수록 너무 좋다는 생각이 들었습니다. 이번 목차 만들기 또한 같은 맥락인데요.
쉽게 만들려고 하면 쉽게 만들 수 있고, 어렵게 다가가면 한없이 어려워진다는 것을 깨닳았습니다. 초보 블로거들을 위해서 최대한 쉽게 설명 해드리겠습니다.
1. 티스토리 관리자페이지 들어가기
2. 꾸미기 >> 스킨편집 들어가기
3. html 편집 들어가기
4. HTML 항목에서 스크롤을 제일 아래로 내려가 </body>라는 항목 찾기
5. 목차 만들기 필요한 코드를 </body> 바로 전에 붙여넣기를 해줍니다.
엄청나게 간단하죠?? 이렇게 끝입니다. 제가 몇 날 몇 일동안 다른 글들을 참고하면서 여러가지 방법들을 찾아봤었는데요. 스킨편집에서 css를 손대고, 파일업로드를 하고 서식을 만들고 글 하나하나 HTML편집에 들어가서 붙여넣기 하고 등등 너무 복잡하고 귀찮은 작업들의 포스팅들이 많더라구요. 하면서도 계속 마음속으로 "분명히 이 방법보다 간단하고 빠르게 할 수 있는 방법이 무조건 있을텐대,,,"하는 아쉬움이 머릿속을 떠나질 않았습니다. 초보 블로거분들은 이 방법으로 한번에 해결하시길 바랍니다^^
목차 만들기 필요한 코드
위에서 </body> 바로 전에 붙여넣기 할 코드는 아래 첨부파일로 남겨놓았습니다. 다른 블로그에서 여러가지 쓸데없는 파일들 다운받지 마시고 한개로 해결 하시길바랍니다^^
목차 미리 확인하는 방법
아래 사진처럼 글쓰기 작성중에 목차가 뜨지 않아서 뭐야,,, 왜 안 되는거지?? 하시는 분들 분명히 계실겁니다.
이럴 때는 게시글을 올려보거나 미리보기를 하시면 됩니다. 미리보기를 눌러보시면 목차가 잘 뜨고 있는것을 보실 수 있습니다. 큰 목차는 제목2로 지정해놓았고 작은 목차들은 제목3로 지정해놓았습니다. 편하게 목차세팅 하시길바랍니다^^
