목차

포스팅을 작성하는데 있어서 가장 첫번째로 해야 할 일이 바로 목차를 만드는 것 입니다. 포스팅 내용의 주요 주제에 해당 되는 각각의 제목을 입력하고 포스팅 상세 내용을 쓰게 되면 사용자가 포스팅을 읽을 때 긴 글이라고 하더라도 가독성이 향상되는데, 이런 각각의 제목을 포스팅 상단에 배치 하여 목차를 먼저 만들면 포스팅의 전체 내용을 한 눈에 파악 할 수 있고 검색 엔진 최적화 (SEO)가 가능 합니다. 그리고 목차를 클릭하는 것만으로도 원하는 정보가 있는 위치로 이동을 할 수 있어 사용자 편의성이 증대 됩니다. 그럼 지금부터 구글 블로거 자동 목차 생성하는 방법에 대해 알아보겠습니다.




자동 목차 스크립트 추가 방법

1 구글 블로거 관리 페이지에 접속 후 테마 - 맞춤설정 버튼을 클릭 합니다.



2 HTML 편집 메뉴를 클릭 합니다.



3 HTML 편집 화면에서 키보드의 CTRL + F 키를 누른다음 " <div class='back-top' title='Back to Top'/> "를 검색 합니다.



4 " <div class='back-top' title='Back to Top'/> " 코드 아래 자동 목차 생성 코드를 추가하고 우측 상단에 저장 버튼을 클릭하여 코드를 저장 합니다.



자동 목차 스크립트 포스팅에 적용 방법

1 새 글 버튼을 클릭 합니다.



2 포스팅을 작성하는데 H1( 대제목 ) ~ H6( 소제목 ) 태그 까지 내용에 맞게 작성하고 왼쪽 상단에 연필 아이콘을 클릭 합니다.



3 HTML 보기 메뉴를 클릭 합니다.



4 자동 목차 호출 스크립트를 목차가 생성되어야 할 위치에 붙여넣기 하고 포스팅을 저장 합니다.



5 실제 포스팅한 글을 확인해보면 목차가 자동 생성 되어 있는 것을 확인 할 수 있습니다.




긴 글 읽어주셔서 감사합니다.

끝.