카테고리 박스에 애드센스 달기

2011. 8. 27. 22:04Blog/Adsense

728x90


▶카테고리 박스 옆에 애드센스를 달아 봅시다

위의 그림은 카테고리 박스 옆에 200 X 200 사이즈의 애드센스를 적용시켜본 모습입니다.
미관을 많이 해치지 않으며, 카테고리 목록 옆에서 주의를 끕니다.

1) 먼저 애드센스에서 200 X 200 정사각형의 애드센스 코드를 생성합니다. 이미 코드가 생성되어있다면 패스



2) HTML/CSS 편집모드로 들어갑니다.
HTML 에서 [# #_article_rep_desc_##] 바로 아래에 광고 코드를 삽입합니다.

  
200 X 200 크기의 애드센스 광고 코드


3) CSS 맨 하단에 다음의 코드를 입력해 줍니다.

  
/*카테고리 옆에 광고 넣기  */
div.adsense200 {clear:none;width:210px !important;}
div.adsense200 tr {line-height:14px; height:14px;}
div.another_category {display:inline;float:right;clear:both;text-align:left;width:430px
!important;overflow:hidden !important; margin-top:0px; border-right:1px solid #c3c9e0;}
div.another_category tr {line-height:20px; height:17px;} 
/*카테고리 옆에 광고 넣기 끝 */


4) CSS 코드의 색깔표시 폭(Width)과 높이(height)를
 미리보기로 봐가면서 스킨에 맞게 간격을 조정합니다.
 

'Blog > Adsense' 카테고리의 다른 글

애드센스 부정클릭을 막아주는 팁  (5) 2011.08.09
구글 애드센스 1개 달기  (0) 2011.07.20
구글 애드센스 본문상단에 배치하기  (6) 2011.07.09