티스토리 북클럽 스킨 사이드바 애드센스광고 고정하기

사이드바 광고고정

티스토리블로그를 운영하면서 광고를 집행하고 수익을 낼수가 있습니다. 많은 광고중에 가장 보편적으로 애드센스를 많이 사용하시죠. 애드센스광고를 글상단,중단,하단등으로 배열할 수 있고 그외에 사이드바등에 광고를 삽입할 수 있습니다.

 

이런 광고를 삽입하기에 광고효과를 높이려면 글을 읽는동안에도 계속해서 광고를 방문자에게 노출시켜야 효과가 높아지는것은 당연하겠죠? 그래서 많이 활용하는 방법이 사이드바에 삽입된 광고를 글을 올리거나 내려도 그자리에서 방문자에게 계속해서 광고배너가 보일 수 있게 고정하는것입니다.

 

티스토리에서 광고배너를 사이드바에서 고정하는방법을 간단하게 알아보고 적용하는방법을 한번 살펴보시고 따라해보세요.

 

 

따라해보세요

아래의 소스코드를 복사해주세요.

 

/* 사이드바 고정 시작*/ #aside { position: sticky; position: -webkit-sticky; top: -60px; } 출처: https://blog.steamedu123.com/entry/티스토리-북클럽-사이드-바-고정하기-position-sticky [모두의 블로그]

 

티스토리관리페이지 → 스킨편집 → CSS편집으로 들어가셔서 위에 복사된 코드를 CSS편집창 제일 하단에 붙여넣기해주세요. 작업은 이걸로 끝입니다. 다른 설정은 따로 하실필요가 없고 간단히 적용됩니다. 아래의 이미지를 보시고 쉽게 이해가 될것 같습니다. 

 

 

제 블로그에 직접 적용하고 실행하는 모습을 아래에서 확인해볼 수 있습니다. 

 

 

 

마치며

티스토리블로그를 하면서 모든 소스코드를 알아야하거나 공부를 해야하는것은 아닙니다. 저또한 제대로 아는것은 극히 일부분이고 서핑을 하면서 하나하나 내게 필요한 데이터를 습득하고 적용해보는것입니다. 여러분도 하나하나 적용해가면서 흥미를 더 느껴보고 블로그를 운영하는 재미를 알아보세요.

 

이런 제품은 어때요?

당신이 관심있어 하던 제품은 아닌가요? 지금 확인해보세요.

 

 

 

참고하세요

• 이 글은 티스토리블로그 카테고리에 있습니다.
• 어필리에이트 활동으로 수익금을 받을 수 있습니다.