담따201 라이트 설정

담따201 라이트 스킨 옵션 설정
담따201 라이트에서는 다양한 스킨 옵션을 제공합니다.

스킨 옵션 설정

담따201 라이트 스킨에서 제공하는 옵션 설정으로 블로그 상단 / 사이드바 / 애드센스 설정에 따라 다양하게 연출할 수 있습니다.


헤더 옵션 설정

블로그 관리홈 메뉴 중 스킨 편집을 클릭합니다.

헤드 옵션 설정
스킨 편집 헤더 설정

  1. 블로그 타이틀 옆 이미지 ON/OFF
  2. 블로그 타이틀 글꼴 기본적으로 나눔 바른고딕을 사용합니다. 선택 사항으로는 나눔 고딕나눔 명조 그리고 노토산스KR을 사용할 수 있습니다.
  3. 타이틀 글자색
  4. 블로그 타이틀 글자 크기- 데스크탑
  5. 블로그 타이틀 글자 크기- 모바일
  6. 메뉴바의 색상을 자유롭게 선택
  7. 메뉴바의 색상과 어울리는 글자색 선택
  8. 마우스 오버 시 메뉴 글자색 선택

사이드바 옵션 설정

사이드바 관련 설명은 옵션 설정과 스킨 설정으로 구분 설명합니다.

사이드바 옵션 설정
스킨 편집 사이드바 설정

  1. 사이드바 위치는 기본 오른쪽에 있으며 옵션을 이용해 왼쪽으로 변경할 수 있습니다.
  2. 카테고리가 많을 경우 모바일 하단에서 숨김(모바일 메뉴에는 표시)
  3. 인기글, 최근 글 썸네일 표시 (기본 숨김)

애드센스 옵션 설정

애드센스 사용에 체크를 한 후 게시자 ID를 입력 후 각 광고의 사용 여부를 체크한 후 광고 단위 ID만 입력하면 광고가 활성화됩니다.

애드센스 옵션 설정
애드센스 사용 설정

  1. 애드센스 사용 여부 선택(기본 미사용) 사이드바 또는 인피드 광고 사용 시 선택
  2. 애드센스 자동 광고 사용 또는 애드센스 승인 신청 중인 경우 사용
  3. 애드센스 게시자ID 중 숫자만 입력 data-ad-client="ca-pub-1234567891011"
  • 애드센스를 사용하는 경우 게시자ID 입력은 필수입니다.
  • 자동 광고만 사용하는 경우 자동 광고 사용 스위치를 ON으로 합니다.
  • 애드센스 신규 신청 또는 추가 신청의 경우에도 자동광고 사용을 ON으로 하고 아래 게시자 ID를 입력합니다.

메인/목록 상, 하단 광고

메인 상,하단 설정
메인/목록 상하단 광고 설정

  1. 목록 상단에 광고 출력(블로그 홈과 목록에만 적용)
  2. 목록 하단에 광고 출력(블로그 홈 및 목록 하단 적용 )
  3. 광고단위ID 입력
  • 상단 광고의 경우 모바일에서 숨김 처리가 되어 있습니다. 필요할 경우 CSS편집 창에서 해당 코드를 제거 또는 주석 처리합니다.
  • PC에서는 가로 728픽셀 세로 90픽셀의 수평형 고정 광고가 적용되어 있고 모바일에서는 반응형 사각형 광고로 전환됩니다.

인피드 광고

애드센스 인피드 설정
인피드 광고 설정

  1. 인피드 광고 사용 여부 선택(기본 미사용)
  2. 인피드 광고 레이아웃 키 입력 data-ad-layout-key="xxxxxxxx"(기본값으로 사용 또는 자신의 키값 입력)
  3. 광고 단위 ID 숫자만 입력 data-ad-slot="123456"
  4. 인피드 광고가 반복될 횟수 (기본값 3으로 4 행마다 표시) 본인이 원하는 수 + 1

일치하는 콘텐츠 광고

일치하는 콘텐츠 광고 설정
일치하는 콘텐츠 광고 설정

  1. 인피드 광고 사용 여부(기본 미사용)
  2. 일치하는 콘텐츠 상단에 표시될 타이틀 입력
  3. 광고 단위 ID 숫자만 입력 data-ad-slot="123456"
  4. 세로로 나열될 목록 수
  5. 가로로 나열될 목록 수
  6. 이미지와 텍스트의 위치 모양 설정

애드센스 도움말을 보시면 형태와 모양을 보실 수 있습니다.


사이드바 광고

사이드바 광고 설정
사이드바 광고 설정

사이드바에 사용할 광고단위ID 숫자만 입력 data-ad-slot="123456"

광고 코드

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout-key="xxxxxxxx"  // 레이아웃 키(인피드 광고)
     data-ad-client="ca-pub-12345" // 게시자ID 숫자만 필요 12345
     data-ad-slot="123456"></ins>  // 광고단위ID
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

스킨 사이드바 설정

담따스킨201 라이트는 사이드바에 인기글, 최근 글, 최근 댓글을 개별단위 모듈과 탭으로 묶은 모듈이 제공됩니다.

사이드바 애드센스는 PC에서 가로 300픽셀 세로 250픽셀 광고 2개와 가로 300픽셀 세로 600픽셀 광고 2개가 기본적으로 배치되어 있습니다. 모바일에서는 일반적인 사각형 광고로 전환됩니다.

사이드바 설정
티스토리 사이드바 설정

  1. 인기글, 최근 글, 최근 댓글을 탭으로 사용(탭 이용 시 개별 모듈 제거)
  2. 인기글, 최근 글, 최근 댓글을 각각 개별적으로 사용(개별 모듈 이용 시 탭 모듈 제거)
  3. 애드센스 300x250 사각형 광고와 300x600 수직형 광고 각 2개씩

사이드바에 이 블로그 인기글, 최근에 올라온 글, 최근에 달린 댓글을 각각 사용할 경우 탭-인기글/최근 글/최근 댓글을 사이드바에서 제거 후 사용해야 합니다. 그 반대의 경우 을 사용할 경우에는 이 블로그 인기 글, 최근에 올라온 글, 최근에 달린 댓글 각각을 제거 후 사용해야 합니다.

  • 광고의 크기를 고정했다고 해서 100% 적용되지는 않습니다. 해당 크기의 광고가 없는 경우 다른 크기의 광고로 대체됩니다.
  • 사이드바에 애드센스 추가를 원할 경우 배너 출력 플러그인을 이용하시는 것을 권장합니다.

궁금한 사항이 있다면 댓글로 말씀해 주세요!

'담따스킨 > 담따201 라이트' 카테고리의 다른 글

패치노트, 담따201 라이트  (9) 2020.04.29
담따201 라이트 설정  (19) 2020.04.08
담따201 라이트  (19) 2020.04.04
담따201 라이트 다운로드 및 설치 안내  (7) 2020.04.04
스킨 설정, 담따201 라이트  (0) 2020.03.25
댓글 19
  • 프로필사진

    와우 애드센스 정말 편하게 넣을수 있게 되어 있네요~

    휼군 2020.04.22 23:35 신고
    • 방문 감사드립니다. 휼군님 블로그도 멋지시네요!

      프로필사진
      2020.04.23 09:21 신고 담따
  • 프로필사진

    블로그 이쁘세요~ ^^!

    BBNC 2020.04.28 19:30 신고
    • 데이터핏님 블로그랑 제 블로그랑 왜 이렇게 비슷하죠? 벤치마킹인가요?ㅎ 방문해 주셔서 감사하고요 데이터핏님 블로그도 예뻐요!

      프로필사진
      2020.04.28 19:45 신고 담따
  • 프로필사진

    제 머리로는 2단형 디자인은 아무리 참고해도 요렇게 밖에 못하겠더라구요! 썸네일 깔끔한 부분은 벤치마킹이 맞습니다! ㅎㅎ

    BBNC 2020.04.28 19:50 신고
    • ㅋ좋네요! 데이터핏님이 저보다 더 이쁘게 잘하시는 것 같아요!

      프로필사진
      2020.04.28 19:55 신고 담따
    • 전혀 아닙니다~! 기능이나 가독성등 담따님이 훨씬 월등하십니다 ㅎㅎ 역시 배포형 스킨 답습니다

      프로필사진
      2020.04.28 19:58 신고 BBNC
    • 과찬이십니다. 저는 웹 개발자가 아니라 흉내만 내는 거라서요! 부끄러운 실력입니다.

      프로필사진
      2020.04.28 20:02 신고 담따
  • 프로필사진

    글을 너무 깔끔하게 잘쓰셔서 참고좀 해야겠습니다..제가 포스팅하면 엉망이라서요 ㅠㅠ

    BBNC 2020.04.29 12:11 신고
    • 네~ 도움이 되신다면 얼마든지 참고하셔도 좋습니다.

      프로필사진
      2020.04.29 12:43 신고 담따
  • 프로필사진

    업데이트가 너무 많아서 패치도 미루고 글 쓰는 것도 미루다가 드디어 다시 설정했습니다.
    할 게 너무 많다고 궁시렁거렸는데 막상 시작해보니 블로그 관리자 입장에서 굉장히 편하게 설정을 해두셨네요.
    역시나 담따님 클라스

    〃KID〃 2020.05.13 00:08 신고
  • 프로필사진

    감사합니다 스킨 너무 이쁘네요 ^^ 블로그 공사중인데 이렇게 알게 되어 너무 좋아요 잘쓸게요 :)

    f.필굿 2020.05.27 18:35 신고
    • 도움이 되셔서 기쁘네요^^

      그런데 사이드바에 인기글. 최근 글, 최근 댓글 부분 탭으로 이용하실 경우 그 아래 있는 인기글 등은 사이드바 설정에서 제외하셔야 합니다.

      프로필사진
      2020.05.27 18:46 신고 담따
    • 마침 어라? 하던중인데 코칭까지 해주시니 👍🏻 포스팅 보면서 하나하나 다시 셋업해볼게요 감사합니다 ㅎㅎ

      프로필사진
      2020.05.27 19:09 신고 f.필굿
  • 프로필사진

    비밀댓글입니다

    2020.06.08 11:41
    • 후니팁님 반갑습니다. 아쉽지만 유, 무료 배포 모두 종료되었습니다. 추가적으로 배포하는 것은 한정판이라는 배포 취지에 맞지 않는 것 같습니다. 이점 양해 부탁드립니다.

      프로필사진
      2020.06.08 12:17 신고 담따
  • 프로필사진

    담따님 안녕하세요, 인기글의 경우 전체 조회수로 산정이 되는 건가요? 몇주째 거의 변동이 없는데 괜찮은건지 궁금하네요^^

    f.필굿 2020.07.03 04:39 신고
    • 주간 단위나 월간 단위는 아닌 것 같은데... 예전에 어떤 분이 티스토리 측에 문의해서 답변 내용을 공유한 적이 있었는데 못 찾겠네요.

      프로필사진
      2020.07.03 09:58 신고 담따