고래 스킨 4.1 버전 사이드바 고정하는 방법(CSS 수정 및 정책 위반)

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

 

 

고래 스킨 4.1 버전 사이드바 고정(Fixed)하는 방법

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

 

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

 

고래스킨 4.1 버전 사이드바 고정(Fixed)하는 방법
고래스킨 4.1 버전 사이드바 고정(Fixed)하는 방법

 

반응형

 

 

고래 스킨 4.1 버전 CSS 정리하기

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

 

HTML, CSS 정리

 

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

 

고래 스킨 4.1 버전 CSS 정리하기
고래 스킨 4.1 버전 CSS 정리하기

 

 

고래 스킨 4.1 버전 사이드바 고정(Fixed)을 위한 CSS 수정

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

 

 

고래스킨 사이드바 고정(Fixed).txt
0.00MB

 

  1. 티스토리 관리자(Tistory manage) 홈페이지로 이동합니다.
  2. 꾸미기 > 스킨 변경 > 스킨 편집
  3. CSS 선택 > CSS 아무 데나 커서를 둠
  4. Ctrl + F (찾기)
  5. #sidebar 검색
  6. 10개 중 6번째인 #container #main #sidebar로 이동
  7. 아래 내용을 아래와 같이 변경합니다.
  8. #container #main #sidebar {
    margin-left:15px;
    max-width:300px;
    align-self:flex-start;
    top:2em;
    flex:1;
    position:sticky;
    position:-webkit-sticky;
    }
  9. 홈을 글로 변경 > 스크롤을 내려 고정(Fixed)이 됐는지 확인
  10. 적용

 

고래스킨 4.1 버전 사이드바 고정(Fixed)을 위한 CSS 수정
고래스킨 4.1 버전 사이드바 고정(Fixed)을 위한 CSS 수정

 

 

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

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

반응형

댓글(0)

Designed by JB FACTORY