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

Blog/Adsense2011. 8. 27. 22:04@Dcbae
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
블로그 주인 사진Author@Dcbae
나는 지구별에 불시착한 사차원 화성인, 어쩌면 이곳 지구별에 영영 적응 못 할지도 몰라. 벼리네 가족 블로그로 운영하고 있습니다.
  1. 프로필사진Favicon of http://smart-life.tistory.com BlogIcon 꼬루꼴 짱2011.08.30 12:40 + 

    카테고리 옆에 애드센스 ..괜찮네요.. 카테고리 쪽 넓은 공간을 활용하니 크게
    보기 싫다거나 그렇지도 않고..애드센스 쪽은 제가 모르는게 넘 많네요..
    포스팅 잘 봤습니다^^

  2. 프로필사진Favicon of https://ckdrbsdl4954.tistory.com BlogIcon 평범한블로거2011.09.17 16:08 신고 + 

    글 잘보았습니다.. 적용시키고 싶은데

    본문의 폭을 넓혀도 카테고리박스사이즈가 같이 늘어나서

    어떻게 하지를못하고있네요..

    혹시 카테고리박스 사이즈 줄이는법 아시나요 ?