반응형 티스토리 북클럽 스킨 꾸미기9 티스토리 꾸미기 | 프로그레스바 탑(TOP) 버튼 만들기 프로그레스바 탑(TOP) 버튼의 장단점.장점:가시성 향상: 사용자가 페이지를 스크롤할 때에도 좌측에 있는 '프로그레스바 탑 버튼'은 항상 보입니다. 이를 통해 사용자에게 현재 작업의 진행 상황을 지속적으로 알릴 수 있습니다.사용자 집중 유도: 죄측에 위치한 '프로그레스바 탑 버튼'은 눈에 잘 띄어 사용자가 작업을 완료하는 데 집중할 수 있도록 도와줍니다.단점:공간 제약: '프로그레스바 탑 버튼'을 배치하면 다른 중요한 UI 요소를 위한 공간이 줄어들 수 있습니다. 특히 모바일 환경에서는 공간이 제한적이므로 주의가 필요합니다.시각적 방해: 모든 사용자가 좌측에 위치한 '프로그레스바 탑 버튼'을 긍정적으로 받아들이는 것은 아닙니다. 일부 사용자는 이를 방해 요소로 인식할 수 있습니다.프로젝트의 목적과 사용자.. 2025. 3. 2. 티스토리 자동목차 HTML 서식 모음집 #2 | 북클럽 스킨 TOC 자동목차(HTML) 서식 모음. 📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.'자동목차 만들기 (TOC) part 2, part 4'에 적용 가능한 서식 스타일 모음본 서식은 '자동목차 만들기 part 2' 또는 'part 4'를 설정한 후에 사용할 수 있습니다.기본 코드와 CSS 코드는 part 2와 part 4에서 모두 동일하게 사용됩니다.자동목차 서식 스타일 모음은 CSS를 수정하지 않고 HTML 코드를 서식으로 저장 후, 필요한 .. 2025. 2. 22. 티스토리 자동목차 HTML 서식 모음집 #1 | 북클럽 스킨 TOC 자동목차(HTML) 서식 모음. 📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.'자동목차 만들기 (TOC) part 2, part 4'에 적용 가능한 서식 스타일 모음본 서식은 '자동목차 만들기 part 2' 또는 'part 4'를 설정한 후에 사용할 수 있습니다.기본 코드와 CSS 코드는 part 2와 part 4에서 모두 동일하게 사용됩니다.자동목차 서식 스타일 모음은 CSS를 수정하지 않고 HTML 코드를 서식으로 저장 후, 필요한 .. 2025. 2. 22. 티스토리 꾸미기 | 공지 및 알림 글상자(Text Box) HTML 서식 모음 '공지 및 알림' 글상자 HTML 서식 모음. 티스토리나 다른 블로그 플랫폼에서 '글상자 및 인용구'를 사용하는 이유는 주로 시각적 효과와 구조적 명확성 때문입니다.강조: 중요한 정보나 주요 메시지를 강조할 수 있습니다. 글상자를 사용하면 독자의 눈길을 사로잡고 주의를 집중시킬 수 있습니다.가독성: 복잡하거나 길게 나열된 정보를 정리해서 더 쉽게 읽고 이해할 수 있도록 도와줍니다.시각적 흥미: 글의 시각적인 디자인을 향상시켜 독자의 관심을 유지합니다. 다양한 스타일의 글상자를 사용하면 블로그의 전반적인 디자인이 더 매력적으로 보일 수 있습니다.정보 분류: 서로 다른 주제나 섹션을 구분해서 더 명확하게 표시할 수 있습니다.따라서 티스토리나 다른 블로그 플랫폼에서 '글상자'를 사용하는 것은 인용된 내용을 명.. 2025. 2. 17. 티스토리 꾸미기 | 둥근 테두리 글상자 HTML 서식 모음 #2 '폴더 스타일' 글상자, 인용구 만들기. 티스토리나 다른 블로그 플랫폼에서 '글상자 및 인용구'를 사용하는 이유는 주로 시각적 효과와 구조적 명확성 때문입니다.강조: 중요한 정보나 주요 메시지를 강조할 수 있습니다. 글상자를 사용하면 독자의 눈길을 사로잡고 주의를 집중시킬 수 있습니다.가독성: 복잡하거나 길게 나열된 정보를 정리해서 더 쉽게 읽고 이해할 수 있도록 도와줍니다.시각적 흥미: 글의 시각적인 디자인을 향상시켜 독자의 관심을 유지합니다. 다양한 스타일의 글상자를 사용하면 블로그의 전반적인 디자인이 더 매력적으로 보일 수 있습니다.정보 분류: 서로 다른 주제나 섹션을 구분해서 더 명확하게 표시할 수 있습니다.따라서 티스토리나 다른 블로그 플랫폼에서 '글상자'를 사용하는 것은 인용된 내용을 명확하게.. 2025. 2. 15. 티스토리 꾸미기 | 둥근 테두리 글 상자 HTML 서식 모음 #1 '폴더 스타일' 글상자, 인용구 만들기. 티스토리나 다른 블로그 플랫폼에서 '글상자 및 인용구'를 사용하는 이유는 주로 시각적 효과와 구조적 명확성 때문입니다.강조: 중요한 정보나 주요 메시지를 강조할 수 있습니다. 글상자를 사용하면 독자의 눈길을 사로잡고 주의를 집중시킬 수 있습니다.가독성: 복잡하거나 길게 나열된 정보를 정리해서 더 쉽게 읽고 이해할 수 있도록 도와줍니다.시각적 흥미: 글의 시각적인 디자인을 향상시켜 독자의 관심을 유지합니다. 다양한 스타일의 글상자를 사용하면 블로그의 전반적인 디자인이 더 매력적으로 보일 수 있습니다.정보 분류: 서로 다른 주제나 섹션을 구분해서 더 명확하게 표시할 수 있습니다.따라서 티스토리나 다른 블로그 플랫폼에서 '글상자'를 사용하는 것은 인용된 내용을 명확하게.. 2025. 2. 15. 티스토리 꾸미기 | 북클럽 스킨 GTranslate 다국어 번역기 설치하기 GTranslate 다국어 번역기 위젯. 지원을 종료한 구글 번역기 대신 무료로 사용 가능한 GTranslate, 북클럽에 설치하는 방법을 알아보겠습니다. 블로그에 GTranslate 다국어 번역기를 설치하는 몇 가지 이유는 다음과 같습니다.더 많은 독자에게 도달: 다양한 언어로 콘텐츠를 번역하면 전 세계 여러 언어를 사용하는 사용자들이 접근할 수 있습니다. 이는 더 많은 독자가 블로그에 방문하도록 유도할 수 있습니다. 사용자 경험 향상: 독자들이 자신의 모국어로 콘텐츠를 읽을 수 있게 함으로써 블로그에서 더 오래 머물게 할 수 있습니다. 편안하게 읽을 수 있는 환경을 제공하는 것은 중요한 사용자 경험 요소입니다. SEO 향상: 다국어 번역기를 통해 다양한 언어로 콘텐츠를 제공하면 검색 엔진 최적화(S.. 2025. 2. 7. 티스토리 꾸미기 | 북클럽 스킨 접은글[더보기] 버튼 꾸미기(최신버전) 접은글(더보기) 버튼 꾸미기티스토리에서 기본 제공하는 접은글은 가독성과 미적 측면에서 부족할 수 있습니다. 또한 본문과 접은 글의 경계가 불분명한 문제가 있습니다. 따라서, 접은 글의 CSS를 수정하여 글의 가독성을 높이는 작업을 통해 더 깔끔하고 읽기 쉬운 디자인을 구현할 수 있습니다. 접은글 미리보기 [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, 블로그 관리자 > 꾸미기 > 스킨 변경을 클릭합니다. 상단에 사용 중인 스킨을 확인할 수 있으며, [보관]을 클릭하면 됩니다. .. 2025. 1. 31. 티스토리 북클럽 스킨 I 이미지 지연 로드 설정 방법 '티스토리 북클럽 스킨' 이미지 지연 로드 설정 방법. 이번에는 티스트로 북클럽 사용자를 위한 꿀팁입니다. 바로 레이지 로딩 (이미지 지연로드) 설정 방법에 대해 자세히 알아보는 시간 가지도록 하겠습니다.이미지 지연 로드 (Lazy Load)를 설정하는 이유.사이트 속도 개선: 레이지 로딩을 사용하면 페이지가 스크롤되며 이미지를 로딩하기 때문에 사이트 속도가 빨라집니다. 기존에는 페이지 로딩 시 모든 이미지를 한꺼번에 불러와야 하므로 시간이 많이 걸렸지만, 레이지 로딩을 설정하면 실제로 필요한 이미지만 로드되기 때문에 속도가 향상됩니다.구글 SEO 개선: 사이트 속도가 빨라지면 구글 SEO에서도 좋은 평가를 받아 검색 결과 상단에 노출될 가능성이 높아집니다. 많은 분들이 이 방법을 모르거나 설정이 어려워.. 2023. 3. 5. 이전 1 다음 반응형
