티스토리를 운영하는 분들이 가장 알고 싶어 하는 부분이 바로 목차를 만드는 부분이 아닐까 생각을 합니다. 어떤 블로그에는 목차가 있어서 보기 쉽게 작성이 되있는데, 내 블로그를 보면 목차 설정이 안되있어서 사람들이 그냥 나가는 블로그가 된 경우도 있을 것이에요. 그래서 오늘 티스토리 목차 쉽고 간편하게 적용하는 방법에 대해서 살펴보도록 하겠습니다.
목차
첫 번째, 고래스킨 설치
제가 사용하는 스킨의 종류는 고래스킨입니다. 블로그 수익을 가장 많이 낼 수 있는 스킨으로 알려져 있고, 무료로 다운 받을 수 있어서 많은 사람들의 사랑을 받는 스킨입니다. 제가 알려드리는 목차 만들기는 고래스킨을 기준으로 한 것이기 때문에 꼭 먼저 고래 스킨 다운 후 스킨 변경을 하시는 것을 추천합니다!
두 번째, jquery.toc 파일 설치
두 번째로 해야 될 것은 jquery.toc파일을 설치해주셔야 합니다. 설치하는 법은 아주 간단하니 따라하시면 됩니다.
1️⃣ 위에 파일을 다운로드 해주신 후 압축을 풀어주세요.
2️⃣ 블로그 ⏭ 꾸미기 ⏭ 스킨편집 ⏭ 파일 업로드를 클릭해주세요.
3️⃣ 추가버튼을 누르신 후 다운받은 jquery.toc 파일을 선택해주세요!
4️⃣ 추가가 되었다면 맨 오른쪽 상단에 적용을 눌러주시면 첫 번째 단계 끝!
세번째, http 부분 설정
목차 파일을 다운 받으 셨다면 3 번째로 하셔야 되는 것은 바로 http 부분을 설정하시는 것입니다. 엄청 간단하니 따라만 하세요!
1️⃣ 아래 파일을 다운 받아 준비하기
2️⃣ 위에 파일을 다운 받은 후 블로그 ⏭ 꾸미기 ⏭ 스킨편집 ⏭ http 부분 열기
위에 빨갛게 동그라미 친 부분을 꼭 찾으셔야되요! head 아래 부분에 있으니 찾기 편하실 거에요! 제 블로그에는 26번에 위치하고 있습니다. 메인 블로그일 경우에는 더 아래에 있을 수 있으니 참고하시기 바래요!
3️⃣ 위에 다운받은 메모장에 있는 코드 그래도 사진에 나와 있는 것과 같이 붙여주고 적용 클릭 그럼 2번째 단계는 끝!
세 번째, CSS부분에 코드 적용하기
마지막 세 번째 목차를 위해서는 CSS 부분에 코드만 적용하면 더욱더 깔끔한 블로그를 만들 수 있는 목차가 완성이 됩니다.
1️⃣ 아래 파일을 다운 받아 준비하기 (2가지 파일이 있으니 순서대로 적용하시면되요!)
2️⃣ 위에 파일을 다운 받은 후 블로그 ⏭ 꾸미기 ⏭ 스킨편집 ⏭ CSS 부분 열기
2️⃣ CSS 부분을 열고 저는 가장 위에 @ 코드 아래 3번에 다가 목차 코드를 넣었습니다.
위와 같이 코드를 붙여 넣기 하시면 코드가 83번까지 적히게 됩니다. 코드를 붙여 넣기 하셨다면 그대로 적용 버튼을 한 번 눌러주시면 첫 번째 단계는 완료입니다.
3️⃣ 2 번째 CSS 코드를 다운 받으신 후 복사를 해주세요. 그래고 첫 번째 코드 바로 아래 1칸 띄어주신 후 붙여 넣기 해주시고 적용을 눌러주시면 목차 CSS 코드 적용은 모두 완료입니다! 참 쉽죠잉!
티스토리 목차 적용해보기.
티스토리 목차 코드 모두 적용하셨으면 이제는 적용해서 내 블로그에 재대로 작동 되는지에 대해서 살펴봐야 합니다. 일단 목차는 제목 1,2,3번을 설정했을 때 적용이 되어서 내 블로그에 링크처럼 나타나는 형식입니다. 제목 1,2,3을 내 블로그에서 작성하지 않는다면 목차는 나오지 않겠지요?
지금부터 티스토리 목차 적용하는 방법에 대해서 살펴보겠습니다.
🅰 티스토리 접속 후 글쓰기 부분을 클릭해주세요.(예시이기 때문에 아무거나 적을 예정입니다.) 디스크립션 그리고 서식을 이용해서 제목 1번을 만들어 보았습니다.
위와 같이 제목 1번으로 설정한 서식 부분이 맨 위에 목차 부분으로 적용이 되어서 나타나게 됩니다. 그런데 여기서 이런 분들이 있을 거에요.
❗ 내 목차가 디스크립션 아래 나타났으면 좋겠다 / 내가 원하는 위치에 목차가 나타났으면 좋겠다 하시는 분들이 있을 거에요. 그런 분들에게 아래에 코드를 다운 받으셔서 서식에 코드 저장하셔서 사용하시기를 추천드립니다.
✅ 목차 서식 저장 방법
1️⃣ 블로그 ⏩ 콘텐츠 서식관리 클릭
2️⃣ 맨 오른쪽 상단에 서식 쓰기 클릭
3️⃣ 글쓰기 화면을 HTTP 화면으로 변경해주시고 글쓰는 부분에 위에 코드를 삽입 후 자신이 원하는 제목으로 설정 후 완료를 누르시면 간편한 목차 서식이 완성이 되어집니다.
🅰 내가 원하는 곳에 목차 넣는 방법
1️⃣ 디스크립션과 제목 1번 사이에 공간을 3칸 정도 만들어주세요.
2️⃣ 오른쪽 ... 부분을 클릭하신 후 서식을 누르셔서 자신이 저장해 놓은 목차 서식을 클릭해주세요.
3️⃣ 그러면 서식이 디스크립션과 제목 1번 사이에 생기게 되고 미리보기를 클릭하셔서 살펴보시면 내 블로그에 목차가 내가 원하는 위치에 적용이 되어 계신 것을 찾으 실 수 있습니다.
목차와 블로그는 자신의 역량대로 꾸미기.
위에 블로그는 제 하위 롱테일 블로그입니다. 제가 알려드린 목차 그대로 적용해서 이것 저것 내 스타일대로 꾸미며 목차를 활용하고 있어요. 자신의 능력대로 마음껏 목차를 활용하는 모든 티스토리 블로거님들이 되시기를 바래봅니다.
⏬ 아래 도움이 될만한 글들 몇개 남겨드리니 꼭 참고하시기 바랍니다.⏬
난방비 절약 방법, 최대 10% 요금 절감!
겨울철에 가장 큰 걱정은 집에 도시가스 비용이 얼마나 나오는지에 대한 걱정일 것이에요. 저도 이번에 걱정이 되서 이곳 저곳에서 정보를 찾아가면서 난방비 아끼는 여러가지 방법에 대해서
mingoosang.com
22/23 전국 스키장 개장일, 시즌권 요금 알아보기!
겨울하면 빼 놓을 수 없는 레저가 있다면 바로 "스키와 스노우보드"입니다. 그래서 겨울철 레저를 즐기는 분들에게 스키장 개장일 정보와 시즌권 금액 그리고 할인 받는 방법은 중요한데요. 오
haul.mingoosang.com
12월 개봉예정 영화, 기대작 BEST 10!
영화를 사랑하는 분들에게 좋은 소식을 전해드립니다. 12월 개봉 예정 영화들 그리고 사람들에게 가장 인기 받을 것 같은 박스오피스들을 소개하도록 하겠습니다. 12월 개봉 예정 영화 BEST 10 지
mingoosang.com
설날에 꼭 먹어야 되는 음식 BEST 6!
이제 곧 있으면 새해가 밝아오고 새해가 밝기 시작하면 우리나라 대표 고유 명절인 설날이 다가오게 됩니다. 설날이 되면 새뱃돈의 설렘과 동시에 함께 찾아오는 설렘이 있는데 바로 설날에만
mingoosang.com
12월 국내 겨울 여행지 추천, 이곳은 꼭 가보세요!
이제 점점 추워지는 계절인 12월이 다가오고 있습니다. 여행을 좋아하시는 분들은 12월은 춥기 때문에 갈만한 여행지가 많이 없어 라고 생각 할 수 있지만 겨울이 되면 더욱더 빛을 발하는 여행
haul.mingoosang.com
애드센스 승인 노하우, 10개월의 사투를 공개해드립니다.
안녕하세요. 애드센스 승인을 받은 하울대디입니다. 첫 번째 애드센스 계정은 멋 모르고 시작하여 2주만에 승인을 받았는데 잘못 관리하는 바람에 정지가 되었습니다. 그래서 2번째 애드센스 승
mingoosang.com
'일반 지식 정보' 카테고리의 다른 글
| 카타르 월드컵 우승 상금, 과연 얼마나 받을까요? (0) | 2022.12.04 |
|---|---|
| 카타르 월드컵 16강 대진표, 진출팀&일정 (0) | 2022.12.03 |
| 난방비 절약 방법, 최대 10% 요금 절감! (0) | 2022.12.01 |
| 12월 개봉 영화, 기대작 BEST 10! (0) | 2022.12.01 |
| 설날에 꼭 먹어야 되는 음식 BEST 6! (0) | 2022.11.30 |
