본문 바로가기

정보/블로그

티스토리 카테고리의 다른 글 옆에 광고 달기, 날짜 없애기

 카테고리의 다른 글 옆에 광고를 달려면 제일 먼저 카테고리의 다른 글이 있어야 합니다. 이는 티스토리에서 기본 플러그인으로 보이게 하시려면 플러그인 설정의 카테고리 글 더보기를 체크해 주시면됩니다. 단 플러그인 설정에서는 목록개수와 색상만 설정할 수 있어 높이나 넓이는 코드를 삽입해 주어야 합니다.


카테고리다른글 광고.txt


(이 텍스트 파일은 애드센스 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;} /* 날짜 감추기 */


를 삽입해 주시면 됩니다.