가람과 함께하는 이야기

본문 바로가기

728x90

• 인기글

• 티스토리 꾸미기

티스토리 범용 자동목차 만들기 (초간단 버전) – 붙여 넣기만 하면 되는 열기/닫기형 목차 자동목차티스토리 범용 자동목차 만들기 (초간단 버전)✚티스토리 블로그를 운영하다 보면 글이 길어질수록 독자가 원하는 내용을 바로 찾기 어려운 경우가 많습니다. 이럴 때 티스토리 자동목차 기능을 활용하면 글의 구조를 한눈에 보여주어 가독성을 높일 수 있습니다. 이번 포스팅에서 소개하는 범용 자동목차 코드는 Book Club, Odyssey, Magazine, #1 스킨, Square 등 대부분의 스킨에서 별도의 수정 없이 바로 적용할 수 있습니다. 초간단 버전으로 만들어진 이 코드는 복사해서 붙여 넣기만 하면 열기/닫기형 목차가 생성됩니다.📌 공지사항웹서핑을 하다 보면, 제가 만든 코드나 태그 속성, 심지어 오탈자까지 그대로 가져가 본인 글처럼 사용하는 경우가 있습니다. 코드 자체의 복사는 막을 수 없지.. 댓글 3 2025.10.16
티스토리 자동목차 만들기 (심플 버전) – 버튼 위치와 기본 상태를 자유롭게 설정하는 열기/닫기형 목차 자동목차티스토리 자동목차(TOC) 만들기 완벽 정리✚티스토리 글이 길어질수록 독자가 원하는 내용을 바로 찾기 어려운 경우가 많습니다.이럴 때 자동목차(TOC) 기능을 활용하면 글의 구조를 한눈에 보여주고, 원하는 섹션으로 빠르게 이동할 수 있습니다. 특히 이번 버전은- 버튼 위치 선택 가능 — ‘제목 옆(inline)’ 또는 ‘오른쪽 끝(right)’- 기본 상태 지정 가능 — ‘열린 상태(open)’ 또는 ‘닫힌 상태(close)’두 가지 옵션을 자유롭게 바꿀 수 있어, 복잡한 스크립트 수정 없이도 내 스타일에 맞는 목차를 만들 수 있습니다.📌 알림 웹서핑을 하다 보면, 제가 만든 코드나 태그 속성, 심지어 오탈자까지 그대로 가져가 본인 글처럼 사용하는 경우가 있습니다. 코드 자체의 복사는 막을 수 .. 댓글 3 2025.10.14
티스토리 꾸미기: 북클럽 스킨 댓글 최신순 정렬 완벽 적용 가이드 티스토리 댓글, 최신순으로 한방에 정렬하는 방법✚티스토리 블로그를 운영하시는 분들이라면 한 번쯤 고민해 보셨을 문제입니다. 바로 '댓글 정렬 방식'이죠. 현재 티스토리의 기본 댓글 목록은 가장 오래된 댓글부터 표시되어, 정작 방문자들이 가장 궁금해하는 최신 댓글을 확인하려면 스크롤을 한참 내려야 합니다. 소중한 방문자가 불편함을 느끼고 블로그를 떠나게 만들 수 있는 사소하지만 치명적인 문제일 수 있습니다. 안타깝게도 티스토리에서는 기본적으로 댓글 목록을 최신순으로 정렬하는 옵션을 제공하지 않습니다. 하지만 걱정하지 마세요! 복잡한 자바스크립트나 플러그인 없이, 단 몇 줄의 CSS 코드만으로 이 문제를 간단하고 효과적으로 해결할 수 있습니다. 핵심은 바로 강력한 레이아웃 속성인 display: flex;를.. 댓글 7 2025.10.12
티스토리 플로팅 자동 목차 | 포스트 커버(글제목)를 수정한 북클럽 스킨의 자동 목차 스크롤 반응형 플로팅 자동목차(TOC) 만들기 #2✚이번 글에서는 포스트 커버(글제목)를 수정한 북클럽 스킨의 플로팅 자동 목차 설정 방법을 소개합니다.이 스크롤 반응형 목차 기능은 긴 포스팅의 가독성을 높이고, 독자가 원하는 정보를 빠르게 찾을 수 있게 하여 블로그의 사용자 편의성과 체류 시간을 크게 향상시켜 줍니다. ☞ 포스트 커버(글제목의 이미지 삭제) 포스팅 바로가기북클럽 스킨 플로팅 자동 목차의 주요 특징 가독성 강화 : 목차 영역에 테두리를 넣어 본문과 구분되며 한눈에 잘 보입니다.PC 환경 : 블로그 좌측에 소제목(h2, h3, h4)이 스크롤에 맞춰 자동 플로팅되어 긴 글도 쉽게 탐색할 수 있습니다.공간 활용 : 열기/닫기 버튼을 추가해 화면을 깔끔하게 유지할 수 있습니다.모바일 환경 : .. 댓글 2 2025.10.05
티스토리 플로팅 목차 : 스크롤을 따라다니는 반응형 자동 목차 (최신버전) 스크롤 반응형 플로팅 자동목차(TOC) 만들기 #1✚티스토리 블로그를 한층 전문적이고 사용자 친화적으로 만들어 줄 스크롤 반응형 플로팅 자동 목차 설정 방법을 지금부터 자세히 알아보겠습니다. 이 최신 목차 기능은 긴 포스팅의 가독성을 극대화하고, 독자분들의 편의성을 대폭 향상시켜 줄 것입니다.목차의 주요 특징 (북클럽 스킨 기준)PC 환경: 블로그 좌측에 소제목 (h2, h3, h4)이 스크롤에 반응하여 자동으로 플로팅 출력됩니다.- 긴 글도 목차를 통해 한눈에 파악할 수 있어 정보 탐색이 쉽습니다.열기/닫기 버튼을 추가하여 화면 공간 활용도를 높였습니다.모바일 환경: 깔끔하게 본문 상단에만 목차가 자동 출력되어 작은 화면에서도 편리합니다.오류 해결: 기존 자동 목차에서 발생했던 '카테고리의 다른 글'이.. 댓글 1 2025.10.03
티스토리 꾸미기 | 박스 스타일 소제목(H3) HTML 서식 모음 티스토리 블로그를 운영하다 보면 포스팅의 가독성을 높이고 시각적인 매력을 더하기 위해 H3 소제목을 다양한 스타일로 꾸미는 것이 중요합니다.이번 포스팅에서는 모던형, 밴드형, 좌측 라인 포인트형 등 여러 스타일의 소제목 박스 예제를 소개하고, 실제로 적용할 수 있는 HTML 코드와 함께 쉽게 따라할 수 있는 방법을 안내합니다.블로그 디자인을 한층 더 세련되게 바꾸고 싶다면 지금 바로 확인해 보세요.📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.소.. 댓글 20 2025.09.23

• 생활정보

• 휴대폰 이야기

• 최신이미지

more

728x90

top

티스토리툴바