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

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

위의 그림은 카테고리 박스 옆에 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] - 구글 애드센스 본문상단에 배치하기
[Blog/Adsense] - 구글 애드센스 1개 달기

글이 마음에 들면 추천 한방! (로그인 불필요) 블로그가 마음에 들면 정기구독+ 해주세요