JAB-GYVER

블로그 수익화/블로그 SEO

티스토리 사이드바 고정해제 sticky 고정, 높이·폭 사이즈 조절까지 CSS

티스토리 사이드바 고정해제 & 마우스 스크롤 따라오게 설정, 사이즈 조절 CSS티스토리에서 사이드바는 “있으면 편한데, 잘못 잡히면 불편한” 영역입니다. 본문만 깔끔하게 보여주고 싶을 땐 사이드바를 끄는 게 정답일 때가 많고, 반대로 카테고리/공지/최근글/구독 버튼처럼 독자가 바로 눌러야 하는 요소가 있다면 사이드바가 확실히 힘을 냅니다. 문제는 스킨에 따라 사이드바가 고정되어 있다가 콘텐츠가 길어지면 하단 위젯이 잘리거나, 반대로 너무 안 따라와서 읽는 중에 사용성이 뚝 떨어지는 케이스가 생긴다는 겁니다. 2026년 기준으로도 해결 방향은 똑같습니다. 스킨에서 쓰는 사이드바 셀렉터(#aside, #sidebar, .area-aside 등)를 찾고, position: sticky 중심으로 안정적으로 조정..

2026. 1. 7.

JAB-GYVER

블로그 수익화/애드센스

티스토리 사이드바 광고 애드센스 수동 추가 및 고정방법

티스토리 사이드바 광고 애드센스 수동 추가 및 고정방법 티스토리는 다양한 위치에 애드센스 광고를 설정할 수 있는데, 특히 사이드바 메뉴를 가진 스킨의 경우 사이드바에 광고를 추가하는 것이 좋은 선택입니다. 광고 수익을 높이려면 상단바뿐만 아니라 본문 중간, 사이드바, 바닥글 등 다양한 위치에 광고를 배치할 수 있습니다. 사이드바 광고의 경우 어떤 포스팅을 보지 않더라도 노출되므로 광고 클릭 가능성이 높아집니다. 이 글에서는 티스토리 사이드바에 애드센스 광고를 수동으로 설정하는 방법과 마우스 스크롤 휠을 내려도 사이드바 고정하는 CSS 편집방법을 알아보겠습니다. 티스토리 사이드바 자동광고 설정 티스토리는 새롭게 개편되면서 설정을 통해 자동으로 본문상단, 본문중간, 본문하단, 사이드바, 목록상단, 목록하단에..

2023. 9. 6.

JAB-GYVER

블로그 수익화/블로그 SEO

티스토리 북클럽 스킨 사이드바 고정 마우스 스크롤 안 움직이게 CSS 편집

티스토리 북클럽 스킨 사이드바 고정 마우스 스크롤 안 움직이게 CSS 편집 티스토리 블로그를 운영하다 보면 스킨을 수정하여 더 나은 사용자 경험을 제공하고 싶은 욕구가 생기곤 합니다. 이 중에서도 사이드바를 화면 위에 고정시키는 방법은 독자들이 더 편리하게 컨텐츠를 읽을 수 있게 도와주는 중요한 요소 중 하나입니다. 이번 포스팅에서는 티스토리 북클럽 스킨의 사이드바를 고정하는 방법에 대해 알아보겠습니다. 간단한 CSS 코드 몇 줄만으로도 손쉽게 구현할 수 있습니다. 티스토리 사이드바를 화면 상단에 고정시키는 것은 독자들이 블로그 컨텐츠를 스크롤할 때 언제든지 중요한 정보에 접근할 수 있도록 도와줍니다. 아래의 CSS 코드를 사용하여 티스토리 북클럽 스킨에서 사이드바를 고정시킬 수 있습니다. 티스토리 북클..

2023. 9. 6.