본문 바로가기
블로그 BOX/블로그 팁

티스토리 카테고리 글 목록 상단 광고 넣는 방법 - 이미지, 광고 넣는 방법

by 쿨펀치 2011. 11. 30.
반응형

티스토리 카테고리 글 목록 상단 광고 넣는 방법 - 이미지, 광고 넣는 방법

티스토리 블로그를 운영 하면서, 카테고리 글 목록 상단, 하단에 광고를 넣은 분들을 많이 보셨을 거라 생각 됩니다.
이번 블로그 TIP 에서는 글 목록 상단 하단에  이미지 & 광고를 넣을 수 있는 법을 알아보도록 하겠습니다.


광고 적용 예시


티스토리 카테고리 글 목록 상단, 하단에 광고 넣은 모습입니다.
구글 애드센스 뿐만 아니라, 이미지, 텍스트 까지 , 원하시는 모든 작업을 하실 수 있습니다. 자 그럼 한번 따라 해볼까요.


쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  


 


 

 

 카테고리 글 목록 상단,하단 광고 넣는 방법

티스토리 관리창으로 들어가 주세요.
꾸미기의 HTML/CSS 편집클릭 하시고 , Ctrl + F 를 누르신 후, skin.html 에서 <div class="list> 검색

아래 검색 결과가 나올 겁니다.


 예시 01

<s_list>

              ( 상단 광고 넣을 위치 )

<div class="list">

<h3>''에 해당되는 글 건</h3>
<ol>
<s_list_rep>
<li><a href=""><span class="date"></span> <span class="cnt"></span></a></li>
</s_list_rep>
</ol>
</div>
<hr />

              ( 하단 광고 넣을 위치 )

</s_list>

▲ 일반적인 스킨 적용 사례 - 일반적은 스킨 적용자들은 위와 같이 태그를 찾으시면 됩니다.





 예시 02   쿨펀치 적용방법

<s_list>
    <div id="searchList" class="nonEntry">
     <h1>'<font color=#e76d42></font>'에 해당되는 글 건</h1>

                        ( 상단 광고 넣을 위치 )

<ol>
      <s_list_rep>
       <li>
        <span class="date"></span>
        <a href=""></a>
        <span class="cnt">15</span>
       </li>
      </s_list_rep>
     </ol>
    </div>

                        ( 상단 광고 넣을 위치 )

</s_list>

쿨펀치 적용 방법 입니다. 일반 방식의 위치에 있지 않네요. ㅠㅠ 찾는데 고생 좀 했습니다. 

아마 예시 01 로 쉽게 찾으실 수 있는 분들이 가장 많이 있으실 거구요. 
저처럼 스킨  자기 맘대로 뜯어 고친 분들은 위치가 좀 애매 합니다.
저의 경우 예시02 를 보시고 저와 비슷한 분들 찾으 시기 바랍니다.

이로써 광고 넣기가 끝이 났네요. 
어렵지 않게 따라 하셨나요?   도움이 되었으면 좋겠네요.
오늘 하루 즐거운 하루 되세요.

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  


반응형

댓글