티스토리 강좌 / 카테고리 다른 글 위에 애드센스 광고 등 넣는 방법

본문 하단에 콘텐츠 추가하기

본문 아래에 항상 출력되는 것을 만들려면 HTML에서 <s_article_rep>와 </s_article_rep> 사이에 있는 [##_article_rep_desc_##]를 찾은 후 그 밑에 코드를 넣으면 됩니다.

[##_article_rep_desc_##]
<p>Text or Code</p>

그런데, 카테고리 글 더보기 플러그인을 활성화했다면, 'XXX 카테고리 다른 글' 밑에 출력됩니다.

카테고리 다른 글 위로 올리기

이것을 'XXX 카테고리 다른 글' 위로 올리려면 스크립트를 이용해야 합니다.

일단 출력할 내용을 div로 감싸고 id 값을 부여합니다.

<div id="jb-01">
  Text or Code
</div>

위치를 이동시키는 스크립트를 추가합니다.

<script>
  ( function( $ ) {
    $( '.another_category' ).before( $( '#jb-01' ) );
  } )( tjQuery );
</script>

전체 코드는 다음과 같습니다.

[##_article_rep_desc_##]
<div id="jb-01">
  Text or Code
</div>
<script>
  ( function( $ ) {
    $( '.another_category' ).before( $( '#jb-01' ) );
  } )( tjQuery );
</script>

결과는 다음과 같습니다.

이동시키는 내용에 특별한 제한은 없습니다. 문구를 넣으면 문구가 나오고, 애드센스 광고 코드를 넣으면 광고가 나옵니다.

JB SKIN 167이라면...

JB SKIN 167이라면, 사이드바 설정에서 만들 수 있습니다.

HTML 배너출력을 사이드바2에 추가한 후...

이름을 적절히 정하고, HTML 소스에 코드를 넣은 후 [확인]을 클릭합니다.

HTML 배너가 추가된 것을 확인하고...

[변경사항 저장]을 클릭하면 블로그에 반영됩니다.

티스토리 강좌

상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 E-MAIL : jb@jbfactory.net 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 호스팅서비스 : Amazon Web Services 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침