북클럽 스킨 사이드바 고정하는 방법(CSS 수정 및 정책 위반)

북클럽 스킨의의 사이드바 고정(Fixed) 방법은 CSS를 수정하여 간단하게 수정만 해주시면 사이드바 고정(Fixed)이 가능해집니다. 북클럽 스킨은 무료 스킨으로 아주 잘 만들어진 스킨으로 큰 문제없이 사용이 가능하다는 장점이 있습니다.

 

 

북클럽 스킨의 사이드바 고정(Fixed)하는 방법

북클럽 스킨은 아주 잘 만들어진 무료 스킨으로 많은 사람들이 사용하고 있습니다. 현재 티스토리의 글들을 이상하게 긁어가는 경우 때문에 본문의 ##_article_rep_desc_##의 내용을 디스크립션(Description)으로 가져가는 것이 아니라 body 전체를 긁어가는 경우가 있어 site:블로그 주소에는 이상하게 표기되는 경우가 있네요.

 

북클럽 스킨의의 사이드바 고정(Fixed) 방법은 CSS만 간단하게 수정만 해주시면 됩니다.

 

북클럽 스킨의의 사이드바 고정

 

반응형

 

 

북클럽 스킨의 CSS 정리하기

작업을 진행하기 전, CSS 정리를 해서 찾아보기 쉽게 변경하시기 바랍니다.

 

HTML, CSS 정리

 

 

1. HTML, CSS 정리 사이트로 이동합니다.
2. CSS의 내용 전체를 복사
3. HTML, CSS 정리 사이트에서 CSS로 변경 및 붙여넣기
4. Tabify 클릭
5. 변경된 내용 모두 복사 후 CSS에 덮어씌기

 

북클럽 스킨의 CSS 정리하기

 

 

북클럽 스킨의 사이드바 고정(Fixed)을 위한 CSS 수정

북클럽 스킨 사이드바 고정(Fixed) 방법은 아래와 같습니다.

 

북 클럽 스킨 사이드바 고정.txt

0.00MB

 

1. 티스토리 관리자(Tistory manage) 홈페이지로 이동합니다.
2. 꾸미기 > 스킨 변경 > 스킨 편집
3. CSS 선택 > CSS 아무 데나 커서를 둠
4. Ctrl + F (찾기)
5. #aside 검색
6. 351번 째 #aside로 이동
7. 아래 내용을 아래와 같이 변경합니다.
8. #aside {
   float: right;
   width: 21.296296296296296%;
   padding: 75px 0 32px;
   position: sticky;
   position: -webkit-sticky;
   top: 2em;
   }
9. 홈을 글로 변경 > 스크롤을 내려 고정(Fixed)이 됐는지 확인
10. 적용

 

반응형

 

북클럽 스킨 CSS 수정으로 사이드바 코드가 뜻하는 것

padding : 거리를 띄워줌

 

position: sticky;와 postion: -webkit-sticy;는 고정 시킨다는 뜻

 

top: 2em;는 2em 만큼 사이드 바가 고정되는 부분 시작 점 을 띄어준다는 뜻

※ 간격이 떨어지는게 싫다면 top: 0.1px로 지정해주시면 됩니다.

 

position과 top 부분이 기입되어야 사이드바 고정이 어떻게 될지를 알려줍니다.

 

 

 

스킨마다 사이드바 코드가 #aside로 지정되어 있기도 하고 #sidebar로 지정되어 있기도 합니다.

 

 

사이드바 고정이 애드센스 정책 위반일까?

애드센스 정책이 2019년도에 개정되면서 플로팅 광고에 대한 부분이 삭제되었기 때문에 별 다른 문제는 없을 것으로 보입니다. 앵커 광고 역시 플로팅 광고에 속하기 때문에 앵커 광고가 도입되면서 이 부분이 삭제된 것으로 추측됩니다.(정확한 것은 아닙니다)