티스토리 반응형 스킨 | JB Easy AdSense 특징 및 사용설명서

판매 중지된 스킨입니다.

JB Easy AdSense는은 티스토리 블로그용 스킨으로 현재 버전은 0.1.0입니다.

특징

JB Easy AdSense의 특징은 다음과 같습니다.

데모사이트

데모사이트는 http://jb-easy-adsense.tistory.com/입니다.

데모사이트에는 사이드바 모듈이 몇개만 있지만, 스킨에는 다 포함되어 있습니다.

설치

티스토리 스킨 설치는 http://www.cmsfactory.net/node/10244를 참고하세요.

주의할 점은 images 폴더 안의 파일도 모두 업로드해야 한다는 것입니다.

설정

반응형 스킨이므로 모바일웹 스킨을 Off로 설정합니다.

스킨 옵션

skin.html에 스킨 옵션(Skin Options)이 있습니다.

var jbUseFrontpageRecentPosts = 0;

첫화면에 최신 글 목록을 출력할지 정합니다. 0이면 출력하고 1이면 출력하지 않습니다.

요약글을 사용할 경우 다음과 같이 설정하세요.

  • jbUseFrontpageRecentPosts의 값을 1로 설정하세요.
  • [화면 설정 - 티에디션]을 [사용하기]로 설정한 후 첫화면에 하나의 구성요소만 넣으세요. 더 넣어도 첫화면은 잘 나오지만, 적을수록 속도가 빠릅니다.
  • jbUseFrontpageRecentPosts의 값을 0으로 설정하세요.

참고로, 첫화면은 RSS의 내용을 가져와서 출력하며, 반응형 티에디션은 지원하지 않습니다.

var jbFrontpageRecentPostsTitle = 'Frontpage';

첫화면 최신글 목록 위에 들어갈 제목을 입력합니다. 제목을 사용하지 않으려면

var jbFrontpageRecentPostsTitle = '';

와 같이 하면 됩니다.

var jbFrontpageRecentPostsCount = 8;

첫화면에 출력할 글의 개수를 정합니다.

SNS

skin.html에 다음과 같은 코드가 있습니다.

<li class="jb-sns jb-sns-twitter"><a href="#"><i class="fa fa-twitter fa-fw"></i></a></li>
<li class="jb-sns jb-sns-facebook"><a href="#"><i class="fa fa-facebook fa-fw"></i></a></li>
<li class="jb-sns jb-sns-google-plus"><a href="#"><i class="fa fa-google-plus fa-fw"></i></a></li>
<li class="jb-sns jb-sns-instagram"><a href="#"><i class="fa fa-instagram fa-fw"></i></a></li>
<li class="jb-sns jb-sns-youtube"><a href="#"><i class="fa fa-youtube fa-fw"></i></a></li>
<li class="jb-sns jb-sns-vimeo"><a href="#"><i class="fa fa-vimeo-square fa-fw"></i></a></li>
<li class="jb-sns jb-sns-linkedin"><a href="#"><i class="fa fa-linkedin fa-fw"></i></a></li>
<li class="jb-sns jb-sns-pinterest"><a href="#"><i class="fa fa-pinterest fa-fw"></i></a></li>
<!-- <li class="jb-sns jb-sns-rss"><a href="[##_rss_url_##]"><i class="fa fa-rss fa-fw"></i></a></li> -->

# 대신에 SNS 주소를 입력하시고, 필요 없는 SNS는 빨간색처럼 삭제하거나 주석처리하면 됩니다.

애드센스 광고 넣기

광고가 들어갈만한 자리에 사이드바 영역을 만들었습니다. 스킨을 수정하지 않고 사이드바 설정에서 애드센스 광고를 넣을 수 있습니다.

사이드바 설정에 가면 다음처럼 10개의 사이드바가 있습니다. 1-8이 애드센스를 위해 만든 사이드바 영역입니다.

HTML 배너출력을 드래그하여 사이드바 1로 옮깁니다. (HTML 배너출력이 없다면 플러그인에서 배너출력 플러그인을 활성화시키세요.)

애드센스에서 반응형 광고 코드를 복사합니다.

HTML 배너의 편집 버튼을 클릭하면 위와 같은 창이 생깁니다. 적당히 이름을 정하고 HTML 소스에 광고를 붙여넣고 [확인]을 클릭합니다.

사이드바 1의 위치는 제목 위이며 모든 페이지에 나옵니다. 웹브라우저 가로폭에 따라 적절한 광고가 나옵니다.

사이드바 영역에 따른 광고 출력 위치는 다음과 같습니다. (어떤 영역에 배치해도 웹브라우저 가로폭에 맞게 광고가 바뀝니다.)

사이드바 1

모든 페이지의 제목 위에 출력됩니다.

사이드바 2

검색 결과 페이지의 제목 아래에 출력됩니다.

사이드바 3

검색 결과 페이지의 내용 아래에 출력됩니다.

사이드바 4

포스트 페이지의 본문 위에 가로형 광고가 출력됩니다.

사이드바 5

포스트 페이지의 본문 상단 오른쪽에 광고가 출력됩니다. 767px 이하에서는 가로형으로 바뀝니다.

사이드바 6

포스트 페이지의 카테고리의 다른 글 위에 출력됩니다.

사이드바 7

포스트 페이지의 태그 밑에 출력됩니다.

사이드바 8

모든 페이지의 본문 영역 아래에 나옵니다.

주의사항

JB Easy AdSense는 애드센스 광고 코드를 삽입하기 편하게 만든 스킨일 뿐, 애드센스 수익을 향상 시키는 스킨으로 오해하시면 안됩니다.

2차 주소 사용시 추가할 코드

2차 주소를 사용한다면 http://www.cmsfactory.net/node/11660의 안내대로 몇 줄의 코드를 추가하는 것이 좋습니다.

구입 안내

JB Easy AdSense는 유료 스킨입니다.

구입 방법 및 라이센스 안내는 http://www.cmsfactory.net/node/10694에 있습니다.

지원

질문은 게시판에 남겨주세요.

단, 오류가 아닌 스킨 수정에 대한 지원은 공식적으로 하지 않습니다. 하지만 간단하게 해결할 수 있는 수정은 최대한 답변해 드립니다.

Created on 2015-05-20 15:21 | Updated on 2017-04-09 01:07

이 글을 공유하기

Kakao

티스토리 스킨 by CMS Factory

Book navigation