반응형 북클럽 스킨8 북클럽 스킨 본문 상단 제목의 배경 이미지 모음 #2 본문 상단 제목의 배경 이미지 모음 관련글 바로가기2025.01.30-북클럽 스킨 본문 상단 제목의 배경 이미지 모음 북클럽 스킨 본문 상단 제목의 배경 이미지 모음본문 상단 제목의 배경 이미지 모음 관련글 바로가기2025.01.30-티스토리 북클럽 스킨 본문 상단 제목의 배경에 고정 이미지 적용하기 #3 티스토리 북클럽 스킨 본문 상단 제목galam.tistory.com2025.01.30-티스토리 북클럽 스킨 본문 상단 제목의 배경에 고정 이미지 적용하기 #3 티스토리 북클럽 스킨 본문 상단 제목의 배경에 고정 이미지 적용하기 #3제목의 배경에 고정된 이미지 적용하기배경 이미지 설정: 한 번 설정해두면 깔끔한 제목 배경을 지속적으로 사용할 수 있습니다.일관된 적용: 설정된 제목 .. 2025. 2. 3. 티스토리 꾸미기 | 북클럽 스킨 상단과 하단에 광고 2개씩 넣는 방법 상단과 하단에 각각 2개의 광고를 넣는 방법티스토리 관리자에서 자동 광고 삽입 기능을 사용하면 본문 상단과 하단에 광고를 삽입할 수 있습니다. 하지만 이 기능이 제대로 작동하지 않을 때가 종종 있습니다. 이에 광고 노출을 통해 더 많은 수익을 얻기 위해, HTML 코드를 사용하여 상단과 하단에 각각 2개의 광고를 넣는 방법을 소개합니다. 상단과 하단의 설정 미리보기 상단과 하단에 광고 적용 절차 요약📌 북클럽 스킨의 상, 하단에 광고를 적용하는 절차는 다음과 같이 요약할 수 있습니다.1. 애드센스 홈페이지에서 상단용 광고 2개와 하단용 광고 2개를 생성합니다.2. 생성한 상단과 하단 광고 코드 중 PUB 숫자와 SLOT를 메모장에 메모해 둡니다.3. 편집한 HTML 코드를 스킨 편집기에서 HTML 코.. 2025. 1. 9. 티스토리 꾸미기 | 북클럽 스킨 상단 메뉴 고정하기(CSS) 북클럽 스킨 상단 헤더(메뉴) 고정하기티스토리 블로그 북클럽 스킨에서 상단 메뉴 고정 방법에 대해 포스팅한 많은 글이 있는데, 간단하게 구현하는 방법을 공유합니다. 수정 방법은 CSS에서 #header, #aside, #dimmed 세 부분만 수정하면 되는 간단한 작업입니다. 항상 그렇듯 설명이 길고 이미지가 많아 복잡해 보이지만 설명대로 하나씩 따라 하시면 쉽게 '상단 메뉴 고정하기'를 만드실 수 있으니 차근차근 따라 해 보시기 바랍니다.📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 .. 2024. 2. 2. 티스토리 꾸미기 | '리스트' 기능 폰트 크기 및 색상 변경하기 '리스트' 글꼴 크기 및 색상 변경하기 티스토리 블로그 에디터를 활용하여 포스팅을 작성하실 때 사용하시는 기능 중에 '리스트' 기능이 있습니다. 아래 그림과 같이 3가지 종류의 목록(검은색 둥근 점, 하얀색 둥근 점, 숫자)을 선택하여 사용하는 기능입니다. (최신 북클럽 스킨의 경우 따로 수정하실 필요가 없게 스킨이 수정되었습니다.) 티스토리 리스트 티스토리 리스트 티스토리 리스트 티스토리 리스트 티스토리 리스트 티스토리 리스트 저 역시 이 기능을 자주 사용하고 있습니다. 하지만 '리스트' 기능을 이용해 작성된 부분의 폰트 사이즈가 너무 작거나 색상도 흐리멍덩 가독성이 떨어져 마음에 들지 않았습니다. 아마 다른 분들도 비슷한 생각을 가지고 계신 분들이 많을 것 같아 '리스트'로 작성된 부분의 스타일을 자.. 2023. 5. 30. 티스토리 꾸미기 | 자동목차(TOC) 쉽게 만들기 part 1- 초보용 티스토리 자동목차 만들기 #1오늘은 티스토리 블로그에 소제목을 불러오는 TOC(목차) 자동 생성에 대해 알아보겠습니다. 초보들도 쉽게 따라 할 수 있는 자동목차 코드이니 설명대로 하나씩 차근차근 따라 하시면 쉽게 '자동 목차'를 만들 수 있습니다. 1. 티스토리 TOC 자동 목차 #1 설정법✚1단계: 목차 스크립트 파일 다운로드 및 업로드공개 jquery.toc파일 다운로드티스토리 블로그에 자동으로 글 목차를 만들어 주는 공개소스가 있습니다.그중 먼저 'jquery.toc.zip'파일을 다운로드 후 압축을 풀고 스킨편집에서 파일을 업로드해줘야 합니다. 1. 아래 링크에서 'jquery.toc.zip'파일을 다운로드하세요. 2. 다운로드 후 압축을 풀면 아래와 같이 2개의 파일이 있습니다.jquery.to.. 2023. 5. 29. 티스토리 북클럽 스킨 I 커버 아이템 뉴스레터 썸네일 정사각형으로 변경 [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, 블로그 관리자 > 꾸미기 > 스킨 변경을 클릭합니다. 상단에 사용 중인 스킨을 확인할 수 있으며, [보관]을 클릭하면 됩니다. 2. [Ctrl] + [F]를 사용할 때.먼저 코드 탭의 빈 곳을 클릭한 후 [Ctrl] + [F]를 사용하여 검색할 코드를 입력해야 합니다.커버 아이템 뉴스레터 썸네일 정사각형으로 변경홈 설정에서 커버를 선택하고, 커버 아이템을 뉴스레터로 설정 후 뉴스레터의 썸네일 사진의 비율이 마음에 들지 않는다면, .. 2023. 3. 2. 티스토리 북클럽 스킨 I 본문 카테고리 썸네일 정사각형으로 수정하기 북클럽 스킨의 장점은 다음과 같습니다.깔끔하고 세련된 디자인으로 콘텐츠 집중도 향상북클럽 스킨은 책을 읽는 듯한 분위기의 미니멀하고 감성적인 UI를 제공해, 콘텐츠에 집중도 높은 블로그 환경을 만들어줍니다.다양한 커스터마이징 기능 제공색상, 글꼴, 배경, 홈화면 커버 등을 자유롭게 조정할 수 있어 나만의 티스토리 블로그를 쉽게 꾸밀 수 있습니다.완벽한 모바일 반응형 지원스마트폰, 태블릿에서도 자동으로 최적화되는 반응형 스킨으로, 모바일 사용자도 쾌적하게 이용할 수 있습니다. .이런 이유 등으로 많은 사람들이 처음 블로그를 시작하시는 분들에게 추천하는 스킨 중 하나입니다. 북클럽 스킨 테마는 썸네일 이미지가 책 표지 비율을 띄고 있습니다. 이 형태도 나쁘진 않지만,기본적으로 통용되는 1:1 비율의 정사각형.. 2023. 3. 1. 티스토리 꾸미기 I 홈화면 최신글 '포스트 헤더' 소제목 스타일로 변경하기 홈 화면의 최신 글 '포스트 헤더' 꾸미기✚포스트 헤더를 소제목 스타일로 세련되게 변경하는 방법을 간결하게 정리해 보았습니다. 북클럽 스킨을 기준으로 작성했지만, 다른 스킨에서도 적용할 수 있는 일반적인 코드입니다: [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, 블로그 관리자 > 꾸미기 > 스킨 변경을 클릭합니다. 상단에 사용 중인 스킨을 확인할 수 있으며, [보관]을 클릭하면 됩니다. 2. [Ctrl] + [F]를 사용할 때.먼저 코드 탭의 빈 곳을 클릭한 후 [Ctrl] .. 2023. 2. 28. 이전 1 다음 반응형
