티스토리 사이드바 광고, 스크롤해도 고정시키는 방법

 

블로그를 운영하면서 수익을 높이기 위해 광고 배치에 신경 쓰시는 분들이 많으실 겁니다.

특히 방문자가 스크롤을 내려도 눈에 잘 띄는 고정 광고는 클릭률과 노출 빈도를 높이는 데 큰 도움이 되죠.

이번 글에서는 티스토리 블로그에서 사이드바 광고를 고정하는 방법에 대해 알아보겠습니다.

---

 

사이드바 광고 고정 설정하기

이 방법은 북스킨을 사용하는 티스토리 블로그에서 적용할 수 있습니다.

북스킨은 다양한 커스터마이징이 가능해 CSS를 수정하면 광고를 고정할 수 있습니다. 설정 절차는 다음과 같습니다.

1. 블로그 관리 → 꾸미기 → 스킨 편집으로 이동합니다.
2. 오른쪽 상단의 ‘HTML 편집’ 버튼을 클릭합니다.
3. 상단 탭에서 ‘CSS’를 선택합니다.
4. CSS 파일의 맨 아래에 다음 코드를 추가합니다.
    
    

css

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

 

• [#aside]는 사이드바를 나타내는 ID입니다.
• [position: sticky;]속성은 스크롤 시에도 해당 요소가 화면에 고정되도록 합니다.
• [top: -60px;]는 화면 상단에서의 고정 위치를 조정합니다. 이 값을 변경해 원하는 위치에 맞출 수 있습니다.

적용 확인하기

코드를 저장한 후 블로그에서 직접 확인해 보세요.

페이지를 스크롤해도 사이드바에 있는 광고가 화면에서 고정되어 표시될 것입니다.

이렇게 설정하면 광고가 항상 노출되므로 방문자의 클릭률을 높이는 데 유리합니다.

 

티스토리 블로그에 사이드바 광고를 고정하는 간단한 방법을 소개했습니다.

이 설정이 블로그 수익을 높이는 데 도움이 되길 바랍니다.

좋은 콘텐츠와 적절한 광고 배치로 방문자와 수익, 두 마리 토끼를 모두 잡는 블로거가 되시길 응원합니다!