본문 바로가기
반응형

티스토리 꾸미기70

타이틀 티스토리 소제목 서식(HTML) 스타일 모음 part 6 티스토리 소제목 서식(HTML) 스타일 모음 part 6 📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 소제목에 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.티스토리에서 사용할 수 있는 소제목(헤딩) 종류는 HTML 태그를 기준으로 다음과 같이 구성됩니다. 일반적으로 스킨에 따라 스타일이 다를 수 있지만, 기본적으로는 아래와 같은 형태로 사용할 수 있습니다: 1. HTML 헤딩 태그 기반 소제목 : 가장 큰 제목 (일반적으로 블로그 제목이나 포스트 제목에 사용됨 — 글 본문에는 사용하지 않.. 2025. 5. 27.
타이틀 티스토리 소제목 꾸미기 | 서식(HTML) 모음, 그라데이션 스타일 티스토리 그라데이션 소제목(HTML) 서식 모음 티스토리에서 소제목 서식을 사용하는 장점은 다음과 같습니다.시각적인 효과, 가독성 향상, 정보 전달 효과, 포스트 관리 용이성 등 포스트의 시각적 효과와 가독성, 정보 전달 효과 등을 향상하는 데 큰 도움을 줍니다. 웹서핑을 하다 보면, 제가 만든 소제목과 인용구 코드, 태그 속성 테이블, 그리고 오탈자까지 그대로 가져가 본인이 작성한 글인 것처럼 소제목 관련 포스팅을 하시는 분들이 계십니다. 코드를 퍼가는 것까지는 제가 막을 수 없지만, 제 자료를 사용해 소제목이나 인용구 등 관련 포스팅을 하실 경우, 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다. 티스토리 소제목 서식 저장하는 법 (더보기 참조)더보기1. 서식을 이용하려.. 2025. 5. 27.
타이틀 티스토리 소제목 꾸미기 | 두줄 소제목 서식(HTML) 스타일 모음 '두줄 소제목' 서식 스타일 모음. 📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 소제목에 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.티스토리에서 서식을 사용하는 장점은 다음과 같습니다.시각적인 효과, 가독성 향상, 정보 전달 효과, 포스트 관리 용이성 등 포스트의 시각적 효과와 가독성, 정보 전달 효과 등을 향상하는 데 큰 도움을 줍니다. # 소제목 서식 사용법✚ 더보기 참조더보기1. 서식을 이용하려면 '블로그 관리 홈 > 서식 관리자 > 서식 쓰기'로 들어갑니다.2. 기본 모드가 아닌.. 2025. 5. 27.
타이틀 티스토리 소제목 꾸미기 | 서식(HTML) 스타일 모음 part 2 티스토리 소제목 서식 모음 #2📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 소제목과 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.티스토리에서 소제목 서식을 사용하는 장점은 다음과 같습니다.시각적인 효과, 가독성 향상, 정보 전달 효과, 포스트 관리 용이성 등 포스트의 시각적 효과와 가독성, 정보 전달 효과 등을 향상하는 데 큰 도움을 줍니다. # 소제목 서식 저장법✚ 더보기 참조더보기1. 서식을 이용하려면 '블로그 관리 홈 > 서식 관리자 > 서식 쓰기'로 들어갑니다.2. 기본 모드가 아.. 2025. 5. 27.
타이틀 티스토리 북클럽 스킨 사이드바 카테고의 타이틀에 배경색 넣기. 카테고리의 타이틀에 배경색 넣기.이번에는 티스토리 북클럽 스킨의 사이드바 카테고리 타이틀에 배경색을 추가하는 방법을 살펴보겠습니다.이 작업은 카테고리에 밑줄을 추가하는 CSS코드에서 배경색과 좌측 여백을 추가한 간단한 작업입니다.하지만 여기서는 밑줄 코드까지 포함된 통합 CSS코드를 소개합니다. 적용 예제는 아래 미리 보기를 참고하면 됩니다. [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경 전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, 블로그 관리자 > 꾸미기 > 스킨 변경을 클릭합니다. 상단에 사용 중인 스킨을 확인할 .. 2025. 3. 17.
타이틀 북클럽 스킨 글 제목의 이미지를 없애고, 글 제목을 본문에 넣어 깔끔하게 만들기 글 제목의 이미지를 지우고 본문에 넣기. 오래전부터 사용해 온 티스토리 스킨인 Book Club은 심플하고 깔끔한 디자인 덕분에 많은 사용자들에게 인기를 끌고 있습니다. 그러나 블로그 본문에서 글 제목이 상단에 크게 노출되는 구조로 인해, 대표 이미지가 배경으로 자동 설정되면서 이미지에 따라 글 제목이 잘 보이지 않는 문제가 발생하곤 합니다. 이에 따라, 글 제목의 배경 이미지를 제거하고 크게 노출되는 글 제목을 본문에 포함하여 보다 깔끔하고 가독성 높은 디자인으로 정리해 보겠습니다. [📌 코드 수정 시 주의사항은 아래 '더 보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경 전 스킨으로.. 2025. 3. 12.
타이틀 티스토리 북클럽 스킨 본문 상단 '글 제목 커버' 꾸미기 #1 북클럽 스킨 본문 '글 제목 커버' 꾸미기티스토리 북클럽 스킨의 본문 'post-cover'를 수정하는 이유는 다음과 같습니다:시각적인 일관성: 본문 첫 번째 이미지나 썸네일을 제목 박스의 배경으로 설정할 경우, 길쭉하게 잘린 이미지가 불규칙하게 보일 수 있습니다. 이를 수정함으로써 보다 깔끔하고 일관성 있는 시각적 경험을 제공할 수 있습니다.페이지 로딩 속도: 배경 이미지가 많은 경우 페이지 로딩 속도가 느려질 수 있습니다. 배경 이미지를 제거하면 페이지 로딩 속도를 향상시킬 수 있습니다.가독성 향상: 배경 이미지가 제목의 가독성을 저하할 수 있습니다. 특히, 이미지의 색상이나 패턴이 복잡할 경우 제목 텍스트가 잘 보이지 않을 수 있습니다. 배경 이미지를 제거하고 색상을 변경하면 제목의 가독성을 크게 .. 2025. 3. 10.
타이틀 티스토리 북클럽 스킨 꾸미기 모음집 '북클럽 스킨' 꾸미기 모음. 티스토리 블로그를 더욱 멋지고 매력적으로 꾸미고 싶으신가요? 이 글에서는 티스토리를 처음 시작하는 분들을 위해 다양한 '티스토리 꾸미기' 팁을 한곳에 모아 소개합니다. 모든 내용은 티스토리 '북클럽' 스킨을 기준으로 진행합니다.  [📌 코드 수정 시 주의사항]1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, [블로그 관리자] > [꾸미기] > [스킨 변경]을 클릭합니다. 상단에 사용 중인 스킨을 확인할 수 있으며, [보관]을 클릭하면 됩니다. 2. [Ctrl] + [F]를 사용할 때.먼저 코드 탭의 빈 곳을 클릭한.. 2025. 3. 7.
타이틀 티스토리 꾸미기 | 홈 프로모션 이미지 및 본문 상단 글 제목에 물결 효과 만들기 홈 프로모션 및 본문 상단에 물결 효과 만들기오늘은 '홈 프로모션 이미지 및 본문 상단 글 제목에 물결 효과 만들기'에 대해 이야기해보려고 합니다. 이 효과는 웹 서핑 중, 홈 화면과 본문 글 제목에 물결 효과를 사용하는 웹사이트를 보고, 여기저기 검색하여 꾸며본 코드입니다. 비록 사용 중인 스킨이 다를 수 있지만, 흡사한 효과를 보여줄 수 있습니다.📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다. [📌 코드 수정 시 주의사항은 아래 '더보기'를.. 2025. 3. 5.
반응형

top