티스토리 카테고리 글 더보기 좌측에 광고넣는 법

이번에는 티스토리 카테고리 글 더보기 좌측에 광고를 넣는 법을 알려드릴거예요.

먼저 광고를 336*280 사이즈로 코드를 생성합니다.

그 다음 해야 할 일은 관리자 - HTML/CSS 에서 직접 코드를 삽입하는 거예요.

2가지만 설정해주시면 되기 때문에 소요시간은 길어봤자 10분이면 될 거라고 생각해요. 하지만 제대로 적용하기 위해서 수많은 블로그들을 검색하고 적용하느라 한 3시간은 낑낑댔답니다ㅠㅠ

저 처럼 우여곡절 없으셨음 좋겠어서 포스팅을 해요.

 

 

참고로 제 스킨은 반응형스킨#1이에요.

 

 

HTML에 광고코드 넣기

 

Ctrl+F로 [article_rep_desc]를 검색합니다.

그리고 해당 코드를 집어 넣어요.

<div id="category" style="margin-top:10px; !important;">
광고코드 붙여넣기
</div>

삽입하면 아래와 같이 돼요.

2번째로 해야 할 일은?

CSS에 서식코드넣기

CSS로 들어가서 가장 하단에 아래의 코드를 삽입해요.

div.category_ad{clear:none;width:210px!important;}
div.category_ad tr{line-height:14px;height:14px}
div.another_category{display:inline;float:right;clear:both;text-align:left;width:550px!important;overflow:hidden!important;margin-top:0px;border-right:1px solid #c3c9e0;}
div.another_category tr {line-height:20px;height:17px}

그러면 이런 모습이에요.

단, 주의해야 할 점은 각자의 스킨이 다 다르고 가로 폭이 다르기 때문에 사진에 표시한 것 처럼 width의 수치는 조금씩 수정하면서 설정을 해야 해요. 그렇지 않으면 카테고리 밑에 광고가 붙더라고요. 그래도 상관없다 싶으시면 굳이 수정하지 않으셔도 됩니다.

아주 쉽죠?ㅎㅎ 코드만 복사해서 붙여넣기만 하면 됩니다.

그러면 변경전과 후의 모습을 볼까요?

<적용 전>

<적용 후>

애드센스 광고는 어떻게 활용을 하고 타켓팅을 하느냐에 따라 수익이 천차만별이 되더라고요. 가독성을 해치지 않고 애드센스 광고정책에 저촉이 되지 않는 상태에서 잘 활용하는 것이 좋을 것 같습니다:)

 

제 티스토리 블로그에 와주셔서 감사합니다. 어제보다 더 나은 오늘이 되었길 바라며 또 다른 포스팅으로 만날 수 있기를 바랄게요:) by 율리한