728x90 티스토리블로그꾸미기4 티스토리 움직이는 자동목차 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. 티스토리 블로그 형광펜 밑줄 효과 넣는법 코드 공유 티스토리 초보블로거,, 일단 한번 꾸미기 시작하면서 보다가 형광펜처럼 밑줄 쳐져있는 글을 보고 또 검색을 갈겨 본문 밑줄과 취소선을 활용해서 적용하는 방법결국 찾아냈잔아. 그렇게 찾아내서 바로 공유해보는 티스토리 블로그 꾸미기 형광펜 밑줄 효과 넣는법글자 배경색을 지정하는 방법도 있지만형광펜으로 그은것 같은 밑줄 얼마나 귀엽게요 1. 블로그 관리 - 스킨편집 티스토리 블로그 꾸미기에서 늘 그렇듯이[블로그 관리] 창으로 들어간 후 [스킨편집]으로 들어가주고우측 상단에 있는 [html 편집] 버튼을 눌러준다. 2. CSS에서 코드 넣어주기html 편집 창으로 들어가면 상단 중앙에 있는 CSS를 선택해주고 맨 아래로 내려가서 코드를 붙여넣기 해주면 된다.코드는 아래 텍스트 파일로 첨부해놓았으니 다운받아서.. 2025. 2. 19. 파비콘 만들고 적용하는 법 정리 티스토리 꾸미기 아무래도 티스토리 블로그가 네이버 보다는 생소해서 진입장벽이 높았던 것도 있는데,, 일단 차근차근 따라하면서 배워보면 됨..(내가 그랬으닉가,,) 다른것보다 비교적 쉬운 티스토리 꾸미기 방법 중 하나! 티스토리 블로그 파비콘 설정하기남들과는 다른 나만의 아이콘 만들기 파비콘(Favicon)이란?파비콘은 Favorite icon 의 줄임말로 흔히 주소창을 열었을때 보이는 웹사이트의 작은 아이콘이다. 북마크나 브라우저의 탭에 표시되어 어떤 사이트인지 바로 인식할 수 있게 해주는 대표 아이콘, 네임택과 같이 볼 수 있다. 대부분 아이콘들이 그렇듯 사이즈는 보통가장 작은 사이즈는 16×16 픽셀부터 32×32픽셀, 64×64 픽셀 사이즈 등으로도 가능하다.요즘에는 디바이스들이 다양하게 나오니 필요로 하는 .. 2025. 2. 18. 이전 1 다음 728x90 반응형
