안녕하세요. 고래의 개인 노트입니다. 꼭 필요한 기능과 최소한의 디자인, 깔끔한 스킨을 원하시는 블로거분들을 위해 티스토리 반응형 스킨 고래 스킨을 배포합니다. 블로그 디자인 관련, 추가 기능 요청 문의는 댓글 작성해주시면 업데이트시 반영하여 수정 및 배포하도록 하겠습니다.

 

 

티스토리 고래 스킨 4.0 안내

고래 스킨은 검색 엔진이 원활하게 수집할 수 있도록 태그 사용, HTML, CSS 코드, 폰트 사이즈 등이 최적화되어 있습니다. 따라서, 본인이 게시글을 작성하실 때 올바른 SEO 글쓰기 기준에 맞춰 작성하시면 다른 티스토리 스킨보다 검색 포털 상위에 노출될 가능성이 있습니다.

 

스킨의 원래 속도와 디자인을 보시려면 데모 블로그를 참조하세요.

제 블로그는 커스텀 작업이 많이 진행된 상태입니다.

 

데모 블로그

 

이번 4.0 스킨에서는 기존에 남아있던 버그를 수정하고 디자인을 개선했습니다. 한 가지 참고하실 부분은 블로그 속도 개선을 위해 티스토리에서 지원하는 "카테고리 글 더보기" 플러그인을 제외하고 썸네일을 지원하는 글 목록을 추가했습니다.

 

카테고리 다른 글 변경 내용

 

1. 카테고리 글 더보기 플러그인 

2. 스킨 내장 태그 사용

 

두 가지 스타일을 지원하고 있으니 1번 스타일 카테고리 글 더보기 플러그인만 사용하실분들은 HTML 편집에서 아래 코드를 지워주시면 됩니다. HTML 편집창에 접속후 코드 화면에 마우스 좌클릭 > Ctrl + F -> 카테고리의 다른 글 검색하시면 쉽게 찾을 수 있습니다. 다른 코드 삭제하시면 오류가 발생하니 조심하세요.

 

<!-- 카테고리의 다른 글 -->
<s_article_related>
...
</s_article_related>
 <!-- 위 s_article 태그를 포함한 영역 제거 -->

 

스킨에 포함된 "카테고리 관련 글" 2번 스타일을 사용하시려면 관리자 > 플러그인 메뉴에서 "카테고리 다른 글" 플러그인 을 해제하시면 됩니다.

 

 

티스토리 고래 스킨 제공 기능

  • 반응형 스킨
  • 네이버, 구글 검색 엔진 최적화
  • 구글 애드센스 광고 최적화 
  • 사이드바 설정 기능 ( 전체 보이기 / 전체 숨기기 / 본문 페이지 제거 / 모바일 제거 )
  • 헤더 영역 배경색 설정 기능
  • 모바일 전용 카테고리
  • 보호글 / 관련 글 지원

 

티스토리 고래 스킨 참고 사항

  1. 등록된 카테고리가 없다면 메인 화면에서는 빈영역으로 표시됩니다. (최소 1개 이상 카테고리 등록)
  2. 스킨에 내장된 "카테고리 관련 글" 기능과 티스토리에서 제공하는 "카테고리 글 더보기" 기능을 모두 사용 시 외관상 안좋을 수 있습니다. 위에 안내드린 내용을 참조해서 한가지만 사용할 수 있도록 설정합니다.
  3. 블로그 하단의 저작자 표시를 수정하거나 삭제해서는 안됩니다.
  4. 개인적으로 스킨을 수정하는 경우 질문을 받지 않습니다. 
  5. 광고를 삽입하는 기능을 제공하지 않으나 직접 넣을 수 있도록 글 작성중에 있습니다.
  6. 이번 배포되는 4.0 스킨에는 모바일 썸네일 크기 변경기능을 지원하지 않습니다.

 

티스토리 스킨 배포 라이센스

  • 고래 스킨은 무료로 배포되며, 무단 배포 및 저작권 명시 부분 수정, 재배포를 금지합니다.
  • 이 티스토리 스킨은 판매의 목적으로 사용될 수 없습니다.

 

고래스킨 4.0.zip
1.24MB

네이버, 다음 키워드 조회 사이트

비밀번호 : 고래

 

헤더 영역 배경색 설정 기능

헤더 영역 배경색을 원하는 색으로 지정할 수 있도록 추가했습니다. 

 

사이드바 배치 설정 기능

고래 스킨은 사이드바 설정을 통해 메인화면에서만 사이드바를 표시하는 기능과 또는 사이드바를 모두 제거하여 원페이지로 이용할 수 있도록 지원하고 있습니다. 본인이 블로그를 운영할 때 콘텐츠만 주목을 하게 만들려는 경우 유용하게 사용할 수 있습니다. 

 

티스토리 스킨 등록 방법

스킨 폴더에 포함된 모든 파일을 정상적으로 업로드를 하셔야만 정상 동작이 가능하니 꼭 확인하시기 바랍니다. 티스토리 고래 스킨 등록하는 방법은 다음과 같습니다.

 

  1. 티스토리 관리 페이지 접속
  2. 꾸미기 > 스킨 변경 > 스킨 등록 버튼 클릭
  3. 추가 버튼을 통해 폴더의 모든 파일을 업로드하고 저장버튼 클릭 
  4. 스킨 저장명에 적당한 이름을 입력하여 저장
  5. 스킨 보관함에서 저장한 스킨을 적용

 

티스토리 스킨 필수 설정 

스킨을 정상적으로 업로드했다면 정상 동작하기 위한 필수적인 설정을 진행해야 합니다.

 

  • 티스토리 스킨 꾸미기 설정 -> "모바일 자동 연결 사용하지 않습니다." 
  • 티스토리 스킨 콘텐츠 설정 -> "단락 앞뒤 공백 사용 X "
  • 티스토리 플러그인 사용 설정 -> "카테고리 글 더보기" or "해제"
  • 본인이 원하는 헤더 배경 색상 설정
  • 본인이 원하는 사이드바 설정

 

스킨 등록 시 가장 많이 하는 실수

 

images 폴더가 업로드 되지 않음

스킨 등록 시 파일을 드래그해서 올리게 되면 왼쪽 화면에 보이는 파일목록 영역에 images 폴더가 정상적으로 업로드되지 않습니다.

 

모든 파일이 정상적으로 업로드 되야만 티스토리 스킨이 작동하기 때문에 images 폴더 안의 파일을 다시 드래그하셔서 업로드하도록 합니다.

 

 

 

공지사항, 광고 영역 사이드바 설정

본인이 원하지 않는 사이드바가 표시될 수 있기 때문에 티스토리 > 꾸미기 > 사이드바 페이지에서 설정을 변경하셔야 합니다. 구글 애드센스 광고 사용 시에는 스킨 편집 페이지로 진입하셔서 소스코드 사이드바 영역에 구글 광고 스크립트 삽입 영역이 표시되어있습니다. 해당 영역에 스크립트를 넣으시면 되겠습니다.

 

 

브라우저 지원

이 스킨은 다음 브라우저에서 테스트되었으나, 기본적으로 크롬 엔진 기준으로 작성된 코드입니다. 따라서 익스플로러에서는 조금 미흡하게 표시될 수 있으니 참조하시기 바랍니다. 

 

  • Internet Explorer 11
  • Internet Explorer 10
  • Chrome
  • Firefox
  • Android Chrome
  • Android Samsung Internet

 

마지막으로..

대학 생활하면서 돈 번다고 이것저것 하다 보니 블로그 스킨에 신경을 미쳐 못쓰고 있습니다. 더 좋은 스킨을 만들 수 있음에도 무료로 배포한다는 것 때문에 참.. 마음 가지기가 어렵네요. 특히, 스킨 다운로드하시고 저작자를 없애버리거나 본인이 만든 것처럼 일부만 수정해서 재배포하시는 분들 때문에 마음고생이 심합니다. 

 

유료 스킨 판매하시는 분처럼 유료 전환하고 할 수 있음에도 또 그러기는 싫고요.. 참고로, 애드센스 하는데 유료 스킨 사용하다고 해서 수익률이 올라간다거나 그러지 않고, 잘못 짜인 코드의 경우 검색 포털 노출 순위에 영향까지 미치게 됩니다.

 

구글은 페이지 속도도 중요하기 때문에 유료 스킨이라 해서 모두 좋은 것이 아니고 편리성이 추가된 만큼 사이트 속도가 느려진다는 건 아셔야 합니다. 애드센스를 통해 블로그 수익을 내실분들이라면 본인이 사용중인 블로그를 조금이라도 수정할 줄 아셔야 좋겠습니다.

 

오랜 기간 스킨을 사용해주시는 블로거 여러분들 항상 감사드리고, 새로 오신 방문자 여러분들도 감사합니다. 고래 스킨은 불편한 점이나, 개선했으면 하는 점, 오류 등 모든 의견을 적극적으로 수렴하고 있으니, 블로그 비밀 댓글을 통해 문의를 남겨주시면 수정후 다음 업데이트에 반영하도록 하겠습니다.

 

 

고래 스킨 애드센스 & 블로그

 

고래스킨 구글 인피드 광고 적용 방법 #1

안녕하세요. 고래의 개인 노트입니다. 이 글에서는 제 스킨을 사용하고 계시는 여러분들을 위해, 메인 화면 리스트의 구글 인피드 광고 적용 방법에 대해서 알려드리겠습니다. 한 가지, 알아두셔야 할 내용은 애..

privatenote.tistory.com

 

 

공감 한 번씩 부탁드립니다.

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. 이전 댓글 더보기
  2. thumbnail
    roots
    2020.07.27 13:16

    관리자의 승인을 기다리고 있는 댓글입니다

  3. thumbnail
    2020.07.29 11:12

    비밀댓글입니다

  4. thumbnail
    tuigun

    이렇게 좋고 깔끔한 스킨이 무료라니 감사합니다.

  5. thumbnail
    눈누난나_

    감사합니다! 너무 깔끔하고 좋아요~

  6. thumbnail
    ʕ
    2020.08.02 01:08

    관리자의 승인을 기다리고 있는 댓글입니다

  7. thumbnail
    roots
    2020.08.02 23:14

    관리자의 승인을 기다리고 있는 댓글입니다

  8. thumbnail
    섹시온
    2020.08.03 11:31

    관리자의 승인을 기다리고 있는 댓글입니다

  9. thumbnail
    봄베짱이

    고래 스킨 너무 감사합니다!!!!
    무료로 배포해주시고 대인배 이시네요ㅠㅠ
    감사한 마음으로 잘 쓰겠습니다!

  10. thumbnail
    비톤

    스킨 심플해서 좋아요~~ 잘 쓰겠습니다.

  11. thumbnail
    카라이
    2020.08.10 12:28

    관리자의 승인을 기다리고 있는 댓글입니다

  12. thumbnail
    2020.08.20 10:19

    비밀댓글입니다

  13. thumbnail
    술루패스
    2020.08.25 03:25

    관리자의 승인을 기다리고 있는 댓글입니다

  14. thumbnail
    2020.08.30 11:17

    비밀댓글입니다

  15. thumbnail
    개똥치우는남자
    2020.08.30 16:11

    관리자의 승인을 기다리고 있는 댓글입니다

  16. thumbnail
    데미안의 비즈니스 노트
    2020.08.30 22:23

    관리자의 승인을 기다리고 있는 댓글입니다

  17. thumbnail
    Lunethan
    2020.09.01 18:09

    관리자의 승인을 기다리고 있는 댓글입니다

  18. thumbnail
    매료점
    2020.09.03 12:10

    관리자의 승인을 기다리고 있는 댓글입니다

  19. thumbnail
    리뷰 스토리
    2020.09.09 12:34

    관리자의 승인을 기다리고 있는 댓글입니다

  20. thumbnail
    2020.09.10 23:30

    비밀댓글입니다

  21. thumbnail
    2020.09.19 15:37

    관리자의 승인을 기다리고 있는 댓글입니다