고래스킨 사이드바 광고 고정 하는 방법

고래스킨에 사이드바 광고를 고정하는 방법을 알아보겠습니다. 이전에는 사이드방에 광고를 고정하면 정책 위반 이였지만 이번에 정책이 바뀌면서 사이드 레일 광고처럼 고정형도 사용할 수가 있게 되었는데요. 그래서 고래스킨에서도 적용하는 방법을 알아보겠습니다. 방법은 아주 간단합니다. 이전에 있던 CSS코드를 바꿔주기만 하면 됩니다.

티스토리 관리자에 들어가서 메뉴에서 [스킨편집] - [html편집] - [CSS]에 들어가서 컨트롤+F를 눌러서 #container #main #sidebar { 찾아주세요. 그럼 위에 사진처럼 왼쪽 코드가 나와 있는데요. 그럼 이걸 오른쪽 코드로 수정해주시면 됩니다.

#container #main #sidebar {
    flex: 1;
    margin-left: 15px;
    max-width: 300px;
}

원래 있던 코드입니다. 나중에 사이드바 광고 고정을 해지하려면 원래 코드를 바꾸주시면 됩니다.

#container #main #sidebar {
    margin-left: 15px;
    max-width: 300px;
    align-self: flex-start;
    top: 2rem;
    flex:1;
    position: sticky;
    position: -webkit-sticky;
}

고정 코드 입니다. 이 코드를 원래 있던 코드에서 바꿔주시면 됩니다.

출처 : https://privatenote.tistory.com/242

티스토리툴바