티스토리 사이드바 고정 간단하게 설정하는 방법
반응형
네이버 블로그와는 다르게 티스토리 블로그는 애드센스라는 광고를 설정하여 수익을 받을 수 있습니다. 사이드바에도 애드센스 광고를 설정할 수 있는데요.
사이드바에 광고를 설정하면 더 많은 수익을 기대할 수 있지만 글 본문을 읽다 보면 정작 사이드바가 고정되지 않고 움직여서 광고 수익 기회를 놓쳐버릴 수 있습니다.
광고 수익을 더욱 극대화 하기 위해서는 사이드바 고정은 선택이 아니라 필수라고 생각하는데요. 오늘은 간단하게 사이드바 고정을 할 수 있는 방법에 대해서 알려드리겠습니다 ;)
목차
1. 스킨 별 사이드바 설정 코드
2. 사이드바 설정 방법
스킨 별 사이드바 설정 코드
티스토리 무료 스킨 중 많은 사람들이 사용하는 스킨 2가지에 대해서 설정 코드 남겨드리니, 확인하시고 사용하시기 바랍니다.
북클럽 스킨
#aside {
position: sticky;
position: -webkit-sticky;
매거진 스킨
#sidebar {
position: sticky;
position: -webkit-sticky;
top: 100px; }
사이드바 설정 방법
사이드바 설정하기 위해서는 블로그 관리의 스킨 편집 화면으로 가야 합니다. 스킨 편집 화면 우측 [HTML 편집]에서 상단의 [CSS]를 선택 후 아래에 자신이 해당하는 스킨 코드를 붙여 넣습니다.
우측 상단의 적용 버튼을 선택하면 사이드바 설정은 마무리가 됩니다. 자신의 블로그에 들어가서 스크롤을 내려도 사이드바가 잘 고정이 되어있는지만 확인해 주시면 됩니다.
마치며
사이드바 고정 설정하는 방법에 대해서 알아보았습니다. 제가 작성한 포스팅이 오늘도 여러분에게 도움이 되었으면 좋겠습니다. 아래 추천글도 살펴보시고 더욱 다양한 내용 확인하시기 바랍니다.
끝까지 읽어주셔서 감사하고 오늘도 좋은 하루 보내시기 바랍니다 감사합니다 :)
☞ 추천글
반응형
댓글