반응형
사이드바 고정 방법
사이드바를 고정시키면 애드센스 광고도 고정되기 때문에 클릭 수익에 도움이 될 수 있습니다.
여기서는 북클럽 스킨 티스토리의 사이드바 고정 방법에 대해 알아보겠습니다.
블로그 관리에서 왼쪽 메뉴 중 꾸미기에서 [스킨 편집]을 클릭합니다.
오른쪽 상단에 'HTML 편집'을 클릭해서 코드입력 화면으로 들어갑니다.
추가할 CSS 코드는 아래와 같습니다.
/* 사이드바 고정 */
@media screen and (min-width:1081px) {
#aside {
position:sticky;
position: -webkit-sticky;
align-self: flex-start;
top:0;
}
}
CSS 편집 화면 가장 아래에 위 코드는 추가합니다.
오른쪽 상단에 '저장'을 클릭하고 나서 블로그 새로고침(F5)을 해 보면 사이드바가 고정되었습니다.
반응형
댓글