티스토리 사이드바 고정하는 방법, 굉장히 간단 5분 컷

 

오늘은 티스토리 사이드바 고정하는 방법에 대해 알아보겠습니다.

제목에서는 고정하는방법이라고 적었지만, 사이드바가 스크롤을 따라가지 않게끔 해주는 반고정이라고 생각하시면됩니다.

계속 옆에 사이드바가 고정되어있으면 계속 노출을 시켜주는 효과가 있습니다.

조금 더 자신의 홈페이지에 오랫동안 머물수 있게끔 해주는것이지요.

 

 

그렇다면 하는방법을 알아보겠습니다.

저는 현재 Book Club 스킨을 사용하고있습니다.

그래서 현재스킨을 기준으로 하는방법을 적고자합니다.

 

북 클럽 (Book club SKIN) 

#aside {
  position: sticky;
  position: -webkit-sticky;
  top: -60px;
}

 

 

위 코드를 그대로 복사하셔서 CSS에 붙여넣기 하시면 됩니다.

( 다른 코드와 겹친다면 오류가 생길수 있으니 맨 끝/맨 위에다가 붙여넣는걸 추천합니다. )

 

1. 일단 코드를 복사했다면 티스토리-관리-스킨편집을 들어가줍니다.

 

2. 스킨편집을 들어가셨으면 오른쪽 상단부분에 해당이미지가 있을텐데, html 편집을 눌러주세요

 

 

 

3. CSS를 눌러주면 아래코드창이 바뀝니다.

 

 

 

4. 저는 맨아래에다가 이렇게 붙여넣기 해줬습니다.

 

 

5. 적용을 눌러줍니다.

그러면 바로 끝!! 굉장히 간단하지 않나요?

물론 스킨마다 코드가 다르긴 한데 구글에 검색하면 확인할수있습니다.

( 저는 북클럽 사용해서 북클럽으로만 적용해봤습니다. )

 

 

6. 이렇게 옆에 사이드바가 따라다닙니다.

조금더 제 티스토리(홈페이지)에 머무르게 할 수 있는효과를 일으킵니다.

 

오늘은 이렇게 간단하게 티스토리-사이드바 고정하는방법에 대해 알아봤습니다.

블로그를 하면서 기본적으로 알아야 할것을 한개씩 배워가는 느낌이네요.

 

그러면 이만 글 줄이겠습니다.

20.000