본문 바로가기
Cute Bow Tie Hearts Blinking Blue Pointer
728x90

티스토리css2

티스토리 움직이는 자동목차 TOC 생성하는 법 블로그 꾸미기 블로그 글을 작성하다 보면 내용이 길어지기 마련인데, 목차를 보면 한번에 내용을 바로 찾을 수 있기때문에 또 검색 갈기다가 가져온 HTML 이용해서 티스토리꾸미기(티꾸)     티스토리 자동목차 생성하는 법티스토리 게시물 작성시 본문의 문단을 자동으로 설정하는 방법인 TOC(Table Of Contents) 자동목차 생성해보기   ※먼저 본격적으로 시작하기 전에 알아두면 좋을 정보 중 하나위 사진처럼 제목1 / 제목2 / 제목3 글자 크기 조정을 자동으로 인식하는 코드를 생성해서 자동목차가 만들어지는 원리로티스토리 글쓰기에서 [기본모드] 를 [마크다운] 변환해보면제목1 - h1제목2 - h2제목3 - h4에 해당되는것을 볼 수 있다. 그렇기때문에 TOC 스크립트에 코드를 적용해서 목차가 보여진다. *본문.. 2025. 2. 21.
블로그 폰트 바꾸는 법 CSS html 티스토리 꾸미기 차근차근 꾸며나가보는 티스토리 블로그사실 예전부터 신경이 쓰였던 블로그 들어오면 가장 먼저 보이는 블로그 이름(제목) 여기 역시 html CSS로 간단하게 꾸밀 수 있다. 블로그 이름(제목)폰트 바꾸기  ① 가장 먼저, 사용할 폰트를 정해야하는데사용 가능한 무료폰트들이 있는 '눈누' 추천(로그인 없이 사용 가능) ② 다양한 폰트들 중 마음에 드는 폰트를 클릭하고 ③ 위와 같은 페이지가 나오면 우측 상단쪽에 있는 [웹폰트로 사용] 부분으로 가서 코드를 복사해 준다. 웹폰트로 사용 우측 버튼을 누르면 굳이 드래그 하지 않아도 쉽게 복사할 수 있음 ④ 그 다음에는 늘 그렇듯이[스킨편집] - [html 편집] - [CSS]로 들어가준다. ⑤ CSS 맨 윗줄의 @charset "ut-f8"; 아랫줄에눈누에서 복사.. 2025. 2. 20.
728x90
반응형