티스토리, 애드센스9 [티스토리 자동 목차(TOC)] 쉽게 만들기(3분), 포스팅별 적용 블로그를 찾아주는 분들의 가독성과 구글 SEO를 위해 목차는 중요한 역할을 합니다. 이번 포스팅에서는 목차가 필요한 포스팅에 자동으로 깔끔한 목차(TOC)를 설정할 수 있는 방법을 알려드립니다. 보통 설정방법 2가지로 '목차생성 파일 사용'과 '자바스크립트 코드 삽입' 입니다. 저는 사용 및 관리가 편한 '목차생성 파일 사용' 방법을 선택했고, 깔끔한 디자인으로 설정했습니다. 목차 자동 목차(TOC) 만드는 순서 파일 다운로드와 HTML만 적용하면 바로 사용할 수 있는 방식입니다.(CSS 적용 없음) 차근차근 따라하시면 금방(3분이내) 완성된것을 확인하실 수 있습니다. 1. 자동 목차 파일(jquery.toc) 다운로드 2. 티스토리에 파일 적용 3. 자동목차 코드 HTML에 넣기 4. 서식 만들기 : .. 2024. 3. 28. 티스토리 제목/소제목 서식(HTML) 모음 2 제목1, 제목 2 서식들입니다. 개인적으로 골라서 사용하기 편하게 모아놓은 것으로, 필요하신것들은 코드 복사해서 사용해주세요. 개인적으로 골라서 적용하기 쉽게 모아놓은 것들이고, 자주 사용할만것들은 서식에 적용해놓고 사용하시면 편해요~ 다른 소제목들만 모아놓은 것은 아래 포스팅 참고해주세요. # 티스토리 소제목 서식(HTML) 모음 1 서식 만들기 : 각 포스팅에 쉽게 적용 원하는 포스팅과 위치에 적용하기 위해 서식을 만듭니다. 서식은 글 작성시 자주 사용하는 문구나 기능들을 간편하게 불러와 적용할 수 있도록 해주는 기능입니다. ① 블로그관리 > 콘텐츠 > 서식관리 ② 서식쓰기 ③ 편집기 모드 : 기본모드 → HTML로 변환 ④ 코드 붙여 넣기 자주 사용하고자 하는 디자인 코드를 붙여넣습니다. ● 참고 .. 2024. 3. 28. 티스토리 소제목 서식(HTML) 모음 포스팅을 하면서 사용하고 싶은 소제목 스타일들을 모아놨습니다. 그때그때마다 사용하고 싶은 것들이 달라서요~ 개인적으로 골라서 적용하기 쉽게 모아놓은 것들이고, 자주 사용할만것들은 서식에 적용해놓고 사용하시면 편해요~ 서식 만들기 : 각 포스팅에 쉽게 적용 원하는 포스팅과 위치에 적용하기 위해 서식을 만듭니다. 서식은 글 작성시 자주 사용하는 문구나 기능들을 간편하게 불러와 적용할 수 있도록 해주는 기능입니다. ① 블로그관리 > 콘텐츠 > 서식관리 ② 서식쓰기 ③ 편집기 모드 : 기본모드 → HTML로 변환 ④ 코드 붙여 넣기 자주 사용하고자 하는 디자인 코드를 붙여넣습니다. ● 참고 - h2 : 제목1 - h3 : 제목2 - h4 : 제목3 ⑤ 제목을 정하고 저장합니다. 끝!!! HTML 코드 상세 ● .. 2024. 3. 28. 이전 1 2 3 다음
