재테크
 
직업추천
 
자격증
 
티스토리 / / 2023. 1. 19. 01:53

티스토리 블로그 고래 스킨 설정하기

반응형

우리가 운영하는 티스토리 블로그에 애드센스 승인을 받게 되면 구글 광고를 송출할 수 있다. 티스토리는 구글 광고를 효율적으로 송출할 수 있는 스킨이 몇 가지가 있는데, 구글 광고 종류에 따라 최적화 스킨이 있다. 티스토리 초보자인 경우 북스킨 또는 고래스킨을 사용한다. 티스토리 고래스킨 다운로드 및 적용 방법을 쉽게 알려드리려 한다.


다운로드

고래스킨 다운로드하는 방법은 사이트 가입 후 다운로드를 할 수 있다. 압축형과 일반형이 있는데, 일반형을 다운로드하였다. 압축형은 CSS 코드가 순서대로 정리돼있지 않아, 코드를 찾을 때마다 어지럽게 느껴졌다. 카페가입 후 다운로드를 할 수 있다. 고래스킨 다운로드 링크 

무료 스킨 중 고래 스킨을 사용하는 이유는 아직 블로그를 운영하는 데 있어 초보이고 모르는 게 많기 때문이다. 제대로 된 스킨을 직접 사용함으로써 다른 유저에게 알려줄 수 있을 거 같아 스킨을 직접 입혀보았다. 구글을 검색해 보니 쉽게 알려주는 사람도 있고, 어렵게 알려주는 사람도 있었다. 처음에 압축형을 설치했더니 CSS 부분이 너무 헷갈리게 만들어 놔서 지우고 북스킨으로 다시 설정했었다. 무료로 사용할 수 있는 고래 스킨 설정 방법을 알려드리려 한다.

고래스킨 설정하는 순서

  • 스킨변경(꾸미기 항목)
  • 스킨등록
  • 추가
  • 이미지 파일, preview, index, skin, stlye 열기
  • 저장
  • 스킨 보관함
  • 고래스킨 적용

고래스킨 적용 완료 사진
고래스킨 압축본으로 설정할 경우 CSS 상태

※고래스킨 압축본에서 일반으로 재설정한 이유는 CSS가 지저분해 보였기 때문이다. 이 방법을 몰랐기 때문에 몇 시간 동안 인터넷을 찾았지만, 문제를 해결하기가 어려웠다. 고래스킨 CSS 깨진 이유는 정확히 모르겠지만, 초보 블로그 입장에서는 내가 설정한 게 잘못됐나? 이런 생각이 들 수 있다. 

기본 설정

    • 상단 bar 색상 변경 스킨 변경 > 헤더 영역 배경색 선택
    • 플러그인 > 카테고리 글 더 보기 설정 or 해제
    • 사이드바 정리
    • 구글 애드센스 코드 html 삽입

광고 설정

 

광고주는 구글 광고를 의뢰하고, 구글은 애드센스 승인된 티스토리에 광고를 송출할 수 있는 권한을 준다. 우리들의 블로그는 광고대행사 역할을 하는 것이다. 블로그에 유입된 방문자에게 광고주 대신 홍보를 해준다. 고래스킨을 설정하여도 자동 광고 설정을 해놔서 html 코드를 삽입하지 않아도 광고가 송출되었다. 그래도 코드를 html <head> 밑에 입력하였다.

html 수정

고래스킨 상단바 태그와 방명록을 삭제하는 방법

  • 스킨편집 > html 편집
  • crtl+f
  • '태그' 입력
  • 태그 삭제 하기
<li><a href="/tag">태그</a></li>
<li><a href="/guestbook">방명록</a></li>
  • 적용

 

  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유