블로그 운영/블로그 고급설정

블로그 자동목차 만들기

Oliviamy 2023. 4. 8.
반응형

블로그를 운영하다 보면 일정한 양식과 일목요연하게 정리되어 있는 블로그에 대해서 아무래도 좀 더 높은 점수를 주게되고 실제로도 SEO상 더 좋은 점수를 받는 것으로 알려져 있습니다. 그래서 오늘은 간단하게 블로그 목차만들기, 자동목차 삽입하는 방법에 대해서 알아 보도록 하겠습니다.

 

목차

     

    파일 업로드


    우선은 기본적으로 파일을 업로드 해주셔야 합니다. 링크는 아래를 클릭하셔서 다운로드 받으시길 바랍니다.

    파일 다운로드 클릭

    파일 업로드는 블로그 관리 - 스킨편집 - HTML편집 - 파일업로드 로 들어가셔서 "+추가"로 클릭하시면 됩니다.

    목차 HTML 소스 삽입


    다음으로 HTML편집으로 들어가서 , <head> 와 </head> 사이에 코드 소스를 넣어 주시면 됩니다. 이 소스 코드는 다음과 같은데 아래에서 다운 받으시어 , 마찬가지로 블로그 관리 - 스킨편집 - html편집에 들어가셔서 아래코드를 복사하여 붙여넣기 해주시면 코드가 삽입되게 됩니다.

    HTML소스 다운로드

     

    바디 HTML 소스 추가


    이번에는 <head> 소스에 넣은 것과 마찬가지로 <body> 영역에 소스를 넣어 줍니다.

    바디 삽입 HTML코드

     

    CSS 소수 추가하기


    소스는 CSS 위치에 무관하기는 하지만, 가장 아래쪽으로 붙여 두시면 됩니다. 여기 마지막 목차서식 CSS 코드는 아래를 클릭하셔서 다운로드 받으시기 바랍니다.

    CSS 코드 다운로드

    코드는 원하시는 양식대로 수정이나 편집을 통해서 디자인과 색상등을 변경시킬수 있습니다. 이는 CSS코드를 열어두고 편집을 하시면서 , 목차가 변하는 것을 확인하시고 선택을 하시고 조정하실수 있으니 참고해 보시기 바랍니다.

    반응형

    댓글

    💲 추천 글