'category' 태그의 글 목록 :: 벼리지기 마당

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

Posted by byori
2011.08.27 22:04 Blog/Adsense


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

위의 그림은 카테고리 박스 옆에 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)를
 미리보기로 봐가면서 스킨에 맞게 간격을 조정합니다.
 

이 댓글을 비밀 댓글로
  1. 카테고리 옆에 애드센스 ..괜찮네요.. 카테고리 쪽 넓은 공간을 활용하니 크게
    보기 싫다거나 그렇지도 않고..애드센스 쪽은 제가 모르는게 넘 많네요..
    포스팅 잘 봤습니다^^
    • 저도 모르는게 많습니다. 꼬루꼴 짱님도 한번 적용해 보세요 ^^
  2. 글 잘보았습니다.. 적용시키고 싶은데

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

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

    혹시 카테고리박스 사이즈 줄이는법 아시나요 ?
    • 확인해 보니 잘 적용되었네요 CSS의 width는 폭 조정 height 는 높이 조정입니다.
    • 아 ㅎㅎ

      이댓글 올려놓고

      검색어를 바꿔서 검색해보니 다른분의

      블로그에서 자세하게 줄이는법이 나와있어서

      적용했네요 .

티스토리 툴바