카테고리의 다른 글 옆에 광고를 달려면 제일 먼저 카테고리의 다른 글이 있어야 합니다. 이는 티스토리에서 기본 플러그인으로 보이게 하시려면 플러그인 설정의 카테고리 글 더보기를 체크해 주시면됩니다. 단 플러그인 설정에서는 목록개수와 색상만 설정할 수 있어 높이나 넓이는 코드를 삽입해 주어야 합니다.
(이 텍스트 파일은 애드센스 336x280 광고, 본문 넓이가 800px인 블로그에 맞춰져 있습니다)
카테고리의 다른 글 옆에 광고를 달기 위해서 제일먼저 아래의 코드를 skin.html에 위치한 ##_article_rep_desc_## 의 아랫줄에 삽입해야 합니다.
skin.html
<div id="category_add">
광고 코드
</div>
위의 코드를 삽입한 후에는 Style.css 에 아래의 코드를 삽입해 줍니다. 다른 코드와 헷갈리지 않게 제일 밑에 삽입하시는 것을 권합니다.
Style.css
div.category_add {clear:none;width:336px !important;}
div.category_add tr {line-height:14px; height:14px;}
div.another_category {display:inline;float:right;clear:both;text-align:left;width:464px;height:263px
!important;overflow:hidden !important; margin-top:0px; border-right:1px solid #c3c9e0;}
div.another_category tr {line-height:20px; height:17px;}
두 코드를 모두 삽입한 후에는 자신의 광고와 블로그에 맞게 약간의 수정이 필요합니다.
div.category_add {clear:none;width:336px !important;} 의 width는 광고의 넓이
align:left;width:464px;height:263px 의 width와 height는 각각 카테고리의 다른 글 상자의 넓이와 높이입니다.
마지막으로 카테고리의 다른 글 상자의 날짜를 없애시고 싶으시면 Style.css에
.another_category td {display:none;} /* 날짜 감추기 */
를 삽입해 주시면 됩니다.
'정보 > 블로그' 카테고리의 다른 글
티스토리 블로그 나눔고딕 적용방법 (구글 폰트 활용) (0) | 2014.02.24 |
---|---|
티스토리 카테고리 항상 펼치기, 펼쳐두기 (0) | 2014.02.22 |
티스토리 광고 본문 상단, 하단 좌우 삽입법 (2) | 2014.02.19 |
애드센스 광고 본문에 나란히 2개 달기 (0) | 2014.02.18 |
티스토리 이미지 테두리 없애는 방법 (0) | 2014.02.17 |