본문 바로가기

TOC2

NN 구글블로그 | 블로거 자동 목차 만들기 구글블로그 블로거(블로그스팟) 글 상단에 h태그를 읽어들여 자동으로 목차를 만드는 법을 설명드리려고 합니다. 목차 Javascript 포스팅 한 글 본문에 h 제목태그 요소를 읽어드리는 자바스크립트 함수 부분입니다. 자바스크립크 삽입 ▶ 블로거 관리자 좌측메뉴 [테마] - [맞춤설정] 옆 화살표 - HTML 편집 ▶ 사이에 아래 코드를 복사해서 붙여넣기 합니다. CSS 목차의 모양을 만드는 CSS 부분입니다. 원하시는대로 수정해서 사용하시면 됩니다. CSS 삽입 ▶ 블로거 관리자 좌측메뉴 [테마] - [맞춤설정] 옆 화살표 - HTML 편집 ▶ Ctrl + F 를 눌러 를 검색합니다. ]]> 태그 바로 위에 아래 코드를 삽입합니다. /* 자동목차 디자인 */ .avsTOC { border: 1px sol.. 2024. 2. 1.
NN 티스토리 | 글에 자동 목차 넣기 구에디터에서만 동작합니다. TOC (Table of Contents) TOC 플러그인 본문 상단에 자동으로 목차가 들어가고 클릭을 하면 그 목차로 이동하게 됩니다. 자동으로 들어가게 하기 위해서는 몇 개의 설정이 필요합니다. 1. https://ndabas.github.io/toc/ : 먼저 플러그인을 깃에서 다운로드 하면 2개의 파일이 생깁니다. 플러그인을 티스토리 파일 업로드에 올려놔야합니다. 2. 스킨편집 >> html편집 >> 파일업로드 >> 추가 3. HTML 편집으로 와서 다음 코드를 사이에 넣어주세요 4. CSS 편집으로 와서 가장 마지막에 다음 코드를 넣어주세요. /* 글 목차 */ .toc { list-style-type: disc; background: #fff none repeat s.. 2020. 5. 13.