본문 바로가기

티스토리 북클럽 스킨 테마 꾸미기 편집 구글 애드센스 수익화 셋팅 (HTML/CSS)

by Grey.han 2024. 2. 18.

목차

    1. 티스토리 HTML/CSS  편집하는 방법 (공통)

    N 스킨 편집
    1-1 'F12' 개발자 도구 사용법
    1-2 티스토리 HTML/CSS 편집 경로

    2. 티스토리 스킨 편집 꾸미기

    N 스킨 편집
    2-1 본문에 목차 추가 방법
    2-2 본문 폰트(글씨체) 변경 방법
    2-3 본문 링크 버튼 만드는 방법
    2-4 따라다니는 사이드바 만들기
    2-5 본문 링크 버튼 색상 변경하기

    3. 애드센스 광고 설정 (수익형 광고 셋팅 )

    N 애드센스 광고 수동 셋팅
    3-1 초기 광고 셋팅 및 설명
    3-2 원하는 위치에 광고 넣기 (상단 광고)
    3-3 푸터영역에 광고 넣기 (하단 광고)
    3-4 관련글 밑에 광고 넣기 (멀티플렉스 광고)
    3-5 사이드바 광고 넣기 (사이드바 광고)
    3-6 앵커 광고 하단 설정 방법 (앵커 광고)
    3-7 게시글 목록 사이에 광고 넣기 (인피드 광고)

    4. 게시글 목록 북클럽 스킨 편집하기 (데스크탑용)

    N 스킨 편집
    4-1 게시글 목록 썸네일 정사각형으로 적용하기
    4-2 게시글 목록 테두리 추가하기
    4-3 게시글 목록 사진 왼쪽 적용하기
    4-4 게시글 목록 모바일용 북클럽 스킨 편집 (모바일 용)

    5. 그외 스킨 편집 글 (필수 아님)

    N 스킨 편집
    5-1 글 본문 제목 배경 이미지 불투명 적용 방법 (북클럽 스킨)
    5-2 모바일 사이드바 광고 제거방법
    5-3 상단바 헤더(header) 고정하는 2가지 방법

    6. 셋팅 다된 북클럽 무료 스킨 공유

    N 무료 스킨 공유 받기
    6-1 북클럽 버젼 by han v1.0.1