본문 바로가기
반응형

티스토리 TOC 자동목차2

타이틀 티스토리 자동목차(TOC) 쉽게 만들기 part 4 | 아래로 열리는 자동목차 자동목차티스토리 자동목차(TOC) 쉽게 만들기 #4 | 아래로 펼쳐지는 자동목차오늘은 페이지 로딩 시 목차 리스트가 접혀있는 상태에서 '▽열기' 버튼을 클릭하면 아래로 펼쳐지는 '자동 목차(TOC) #4'에 대해 알아보겠습니다. 저는 프로그래머도 블로그 고수도 아니기 때문에, 다른 고수들이 올려주신 소스를 참고하여 조금씩 수정한 소스입니다. 매번 설명이 길고 이미지가 많아 복잡해 보일 수 있지만, 설명대로 하나씩 따라 하시면 쉽게 '자동 목차'를 만드실 수 있으니 천천히 따라 해 보시기 바랍니다.기본적으로 코드와 CSS는 '자동목차 #2' 동일하니 '자동목차 #2'를 만드신 분이면 아래 '서식'부분만 따라 하시면 됩니다.'자동목차 #4'의 소제목 리스트는 h2와 h3가 출력되며 리스트의 앞부분도 숫자가 .. 2024. 1. 31.
타이틀 티스토리 꾸미기 | 자동목차(TOC) 쉽게 만들기 part 1- 초보용 티스토리 자동목차 만들기 #1오늘은 티스토리 블로그에 소제목을 불러오는 TOC(목차) 자동 생성에 대해 알아보겠습니다. 초보들도 쉽게 따라 할 수 있는 자동목차 코드이니 설명대로 하나씩 차근차근 따라 하시면 쉽게 '자동 목차'를 만들 수 있습니다. 1. 티스토리 TOC 자동 목차 #1 설정법✚1단계: 목차 스크립트 파일 다운로드 및 업로드공개 jquery.toc파일 다운로드티스토리 블로그에 자동으로 글 목차를 만들어 주는 공개소스가 있습니다.그중 먼저 'jquery.toc.zip'파일을 다운로드 후 압축을 풀고 스킨편집에서 파일을 업로드해줘야 합니다. 1. 아래 링크에서 'jquery.toc.zip'파일을 다운로드하세요. 2. 다운로드 후 압축을 풀면 아래와 같이 2개의 파일이 있습니다.jquery.to.. 2023. 5. 29.
반응형

top