본문 바로가기
애드센스 SEO

티스토리 블로그 사이드바 고정 광고 설정 방법 (CSS 코드 포함)

by selfsoso 2024. 7. 8.
반응형

티스토리 구글 에드센스 광고 사이드바 고정 방법입니다. 이 방법을 사용하면, 본문 내용을 스크롤해도 사이드바 광고는 고정되게 됩니다.  아래 코드를 CSS에 붙여 넣기만 하면 됩니다.

 

에드센스 사이드바 광고 고정 방법

1. 티스토리 설정 - 티스토리 블로그 관리 홈으로 이동합니다.

2. 스킨편집을 클릭한 후 HTML 편집을 선택합니다.

3. CSS를 클릭합니다.

4. 아래 코드를 CSS 파일의 가장 하단에 복사하여 붙여넣고 저장합니다.

사이드바고정-css코드
CSS 설정란에 가장 하단에 붙여넣기 합니다

✅ CSS 코드

#aside {  
position: sticky;  
position: -webkit-sticky; /* For Safari */  
top: -60px;
}

 

 

작성이 어려우시면 아래 텍스트 파일을 다운로드하여 복사하셔도 됩니다.

에드센스사이드바고정코드.txt
0.00MB

 

반응형