본문 바로가기

IT/Blog Tip

[블로그로 돈벌기] 애드센스 본문 하단에 설치하기(2)

반응형

애드센스를 본문하단에 설치하는 다른 방법입니다.

카테고리의 다른 글 상단에 위치시키는 방법은 다음 링크를 확인하시면 됩니다.

2014/12/15 - [IT/컴퓨터/Blog Tip] - 애드센스 본문 하단에 설치하기(1)

이번 방법은 카테고리의 다른 글과 동일한 위치에 배치하는 방법입니다.

##_article_rep_desc_## 을 검색해서 하단에 다음과 같이 애드센스 광고 코드를 입력해줍니다.

방법에는 카테고리 관련 코드는 추가하지 않아도 됩니다.

adsense_bottom은 밑에 style.css 파일에 추가될 코드의 이름입니다.

style.css 파일에 다음과 같은 코드를 추가합니다.

가장 하단에 추가하면 됩니다.

/***** Adsense *****/
div.adsense_bottom {clear:none;width:336px !important;}
div.adsense_bottom tr {line-height:14px; height:14px;}
div.another_category {display:inline;float:right;clear:both;text-align:left;width:370px
!important;overflow:hidden !important; margin-top:5px; border-right:1px solid #c3c9e0;}
div.another_category tr {line-height:20px; height:17px;}
/***** Adsense *****/

div.another_category의 맨 끝에 보이는 width:370px 값은 적당히 폭을 보면서 변경해주면 됩니다.

다음과 같이 표시가 됩니다.

다만 높이가 다를 수 있기 때문에 카테고리의 다른 글로 표시되는 글의 수를 조절하시면 됩니다.

이렇게 하면 같은 줄에 위치시킬 수 있습니다.

다만 카테고리의 다른 글이 좁아지기 때문에 2줄로 표시가 되면서 라인이 정확하게 맞춰지지 않을 수 있습니다.

원하는 방식으로 애드센스를 하단에 위치시키면 됩니다.

반응형