반응형 - 티스토리 이야기/티스토리 꾸미기62 티스토리 북클럽 스킨 사이드바 카테고의 타이틀에 배경색 넣기. 카테고리의 타이틀에 배경색 넣기.이번에는 티스토리 북클럽 스킨의 사이드바 카테고리 타이틀에 배경색을 추가하는 방법을 살펴보겠습니다.이 작업은 카테고리에 밑줄을 추가하는 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. 티스토리 꾸미기 북클럽 스킨 코드블럭 복사버튼 만들기 북클럽 스킨 코드블럭 복사버튼 만들기 Part 2. 티스토리 코드 블럭에 복사 버튼을 추가하는 이유는 여러 가지가 있습니다.편의성: 방문자가 복사하고자 하는 코드를 쉽게 선택할 수 있습니다. 드래그가 차단된 블로그에서도 복사 버튼을 이용해 한 번에 복사할 수 있습니다.실수 방지: 드래그하여 복사하는 과정에서 코드 일부가 선택되지 않거나 불필요한 내용이 포함되는 경우가 종종 있습니다. 복사 버튼을 이용하면 이러한 실수를 방지할 수 있습니다.시간 절약: 사용자들이 더 빠르고 효율적으로 코드를 복사할 수 있어 시간을 절약할 수 있습니다.사용자 경험 개선: 사용자의 편의성을 높이면 블로그를 방문하는 이들의 만족도가 높아집니다. 이는 결국 블로그의 재방문율과 사용자의 참여도를 높이는 데 기여할 수 있습니다.이 .. 2025. 2. 10. 티스토리 꾸미기 | 북클럽 스킨 사이드바 고정하기 북클럽 스킨 사이드바 고정하기. 티스토리 블로그에서 사이드바를 고정하면 다음과 같은 이점이 있습니다.애드센스 광고가 사이드바에 위치해 있을 경우, 사이드바가 고정됨으로써 광고가 스크롤할 때에도 항상 보이게 됩니다. 이는 사용자들이 광고를 더 자주 볼 수 있게 해 주어 클릭 확률이 높아지고, 결과적으로 광고 수익이 증가할 수 있습니다.📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다. [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보.. 2025. 2. 8. 티스토리 꾸미기 | 북클럽 스킨 GTranslate 다국어 번역기 설치하기 GTranslate 다국어 번역기 위젯. 지원을 종료한 구글 번역기 대신 무료로 사용 가능한 GTranslate, 북클럽에 설치하는 방법을 알아보겠습니다. 블로그에 GTranslate 다국어 번역기를 설치하는 몇 가지 이유는 다음과 같습니다.더 많은 독자에게 도달: 다양한 언어로 콘텐츠를 번역하면 전 세계 여러 언어를 사용하는 사용자들이 접근할 수 있습니다. 이는 더 많은 독자가 블로그에 방문하도록 유도할 수 있습니다. 사용자 경험 향상: 독자들이 자신의 모국어로 콘텐츠를 읽을 수 있게 함으로써 블로그에서 더 오래 머물게 할 수 있습니다. 편안하게 읽을 수 있는 환경을 제공하는 것은 중요한 사용자 경험 요소입니다. SEO 향상: 다국어 번역기를 통해 다양한 언어로 콘텐츠를 제공하면 검색 엔진 최적화(S.. 2025. 2. 7. 티스토리 꾸미기 | 북클럽 스킨 카테고리의 '분류 전체보기' 변경 및 삭제하기 카테고리의 '분류 전체보기' 변경 및 삭제하기티스토리의 북클럽 스킨을 사용하면 사이드바에 카테고리가 표시됩니다. 이때 하위 카테고리는 제목을 설정할 수 있지만, 최상단의 '분류 전체보기'는 수정할 수 없습니다. '분류 전체보기'가 필요 없다고 생각되는 경우, 이를 삭제하거나 다른 문구로 변경하는 방법을 알아보겠습니다. '분류 전체보기'를 삭제하는 방법'분류 전체보기'를 삭제하려면 CSS 코드를 CSS 탭 하단에 넣어주는 간단한 방법으로 쉽게 수정할 수 있습니다. 1) '관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > CSS'로 들어갑니다. 2) 아래 2개의 코드 중 본인의 블로그에서 작동 되는 CSS 코드를 CSS 탭 하단에 복사하여 넣어줍니다./*분류 전체보기 삭제하기*/ul.tt_cate.. 2025. 2. 4. 이전 1 2 3 4 ··· 7 다음 반응형
