반응형
애드센스를 본문하단에 설치하는 다른 방법입니다.
카테고리의 다른 글 상단에 위치시키는 방법은 다음 링크를 확인하시면 됩니다.
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줄로 표시가 되면서 라인이 정확하게 맞춰지지 않을 수 있습니다.
원하는 방식으로 애드센스를 하단에 위치시키면 됩니다.
반응형
'IT > Blog Tip' 카테고리의 다른 글
구글 애널리틱스 가입하고 설치하기 (0) | 2014.12.23 |
---|---|
[티스토리] 태그 클라우드 설치하기 (0) | 2014.12.22 |
[블로그로 돈벌기] 애드센스 본문 하단에 설치하기(1) (0) | 2014.12.15 |
[블로그로 돈벌기] 애드센스 본문 우측 상단에 설치하기 (0) | 2014.12.11 |
[블로그로 돈벌기] 애드센스 사이드바에 설치하기 (0) | 2014.12.09 |