티스토리 수익형 스킨 설정 방법 (+온부닷컴 스킨 무료제공) > 티스토리 가이드북

안녕하세요, 온부닷컴입니다. 티스토리 회원가입을 완료하셨다면 이제 애드센스 수익화를 위해 스킨 설정을 진행해야 합니다. 이번 글에서는 티스토리 스킨을 설정하는 방법을 단계별로 알려드리겠습니다. ## 티스토리 스킨이란? 티스토리 스킨은 티스토리 블로그의 디자인과 레이아웃, 그리고 일부 기능까지 담당하는 테마라고 할 수 있습니다. 쉽게 말해 글과 사진을 어떤 방식으로 보여줄지를 정해주는 역할을 한다고 보시면 됩니다. 같은 글이라도 어떤 스킨을 적용하느냐에 따라 블로그의 분위기와 가독성이 달라지고, 나아가 애드센스 수익률에도 차이가 생길 수 있습니다. 특히 스킨을 선택할 때 중요한 기준은 바로 가독성과 전문성입니다. 같은 글이라도 어떤 스킨을 쓰느냐에 따라 가독성과 콘텐츠의 전문성이 달라지게 되고 이는 곧 체류 시간과 블로그 신뢰도로 이어져 결과적으로 애드센스 수익에도 영향을 주게 됩니다. ## 티스토리 스킨 둘러보기 티스토리는 티스토리 공식 스킨과 이용자들이 제작한 스킨을 확인할 수 있도록 별도의 페이지를 만들어 제공하고 있습니다. 지금부터 티스토리 스킨은 어디에서 확인할 수 있는지 알려드릴게요. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564332581373.png) 티스토리에 로그인한 후 메인페이지 좌측 상단에 보면 홈 / 피드 / 스킨 / 포럼이라는 메뉴가 있습니다. 여기서 '스킨' 메뉴에서 티스토리 스킨을 확인할 수 있습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564333457929.png) 스킨메뉴를 클릭하면 티스토리 스킨과 이용자 제작 스킨 메뉴가 나옵니다. 티스토리 스킨은 티스토리에서 무료로 제공하고 있지만 이용자 제작스킨은 일부 유료로 판매하고 있습니다. 이용자 제작 스킨을 둘러보겠습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564334002733.png) 이렇게 이용자 제작 스킨이 약 100개 이상 나오게 되는데요. 여기서 중요한 것은 이쁘다고 아무 스킨이나 쓰면 안된다는 것입니다. 배경이 화려하고, 마우스 포인트가 톡특하고 이런 것들은 오히려 애드센스 수익에 악영향을 미칩니다. 왜냐하면 이용자의 눈이 콘텐츠와 애드센스 광고에 집중되어야 하는데 다른 곳에 집중하게 되면 이탈률이 높아지기 때문에 수익형으로는 좋지 않은 스킨입니다. 간단하면서 콘텐츠 및 광고가 잘 부각되는 그런 심플한 스킨을 이용하는 것이 가장 좋습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564337660929.png) 가볍게 이용하기엔 제너레이트 프레스 스킨도 괜찮고요. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564337817108.png) 검색엔진최적화 한눈에스킨도 괜찮습니다. 다만 이 스킨은 상단광고가 안나오는 오류가 있었는데 이게 해결되었는지는 확인이 필요합니다.
## 티스토리 스킨 등록 방법 자 이제부터 본격적으로 티스토리 스킨을 설정해 보겠습니다. 먼저 첨부한 온부닷컴 티스토리 스킨을 다운로드 합니다. 온부닷컴이 제작한 온부닷컴 티스토리 스킨은 온부닷컴 회원만 사용이 가능하기 때문에 회원가입을 진행 후 다운로드 받으시길 바랍니다. 다운로드 파일은 지금 보고 있는 이 글 제일 상단 제목 아래에 있습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_1756434182496.png) 파일을 다운로드 한 후 압축을 해제해면 이런 폴더가 있을 거에요. 확인하시구요. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564342542223.png) 티스토리에 로그인 한 후 내 블로그옆 관리를 눌러 관리자 메뉴로 접속합니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564343168483.png) 관리자 메뉴 좌측 중간쯤 보면 위와 같은 꾸미기라는 메뉴가 보일거에요. 여기서 스킨변경을 누릅니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564343600343.png) 우측 상단 부근에 있는 스킨 등록을 누르겠습니다. 그러면 아래와 같은 스킨 등록화면이 나오게 됩니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564344483918.png) 좌측 파일목록 있는 부분에 파일을 드래그하면 들어갈 것처럼 생겼지만 전혀 그렇지 않구요. 우측 상단에 있는 추가 버튼을 눌러 파일을 추가해야 합니다. 스킨마다 image폴더가 있는 스킨이 있고 없는 스킨이 있어요. image폴더가 있는 스킨은 image 폴더를 빼고 나머지 파일을 먼저 올려주시구요. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564345846308.png) 위의 사진 보심 아시겠지만 image폴더를 제외한 나머지 파일을 먼저 선택해서 추가해줍니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564346138376.png) 그럼 이미지 폴더외 나머지 파일이 모두 등록됩니다. 다시 추가 버튼을 눌러서 이번에는 이미지 폴더 안으로 들어가서 그 폴더 안의 모든 파일을 추가합니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564346992619.png) image폴더 안의 모든 파일을 추가합니다. 주의하실 것은 image폴더 채로는 업로드가 되지 않는다는거에요. 반드시 폴더 안으로 들어가서 안의 파일을 추가하셔야 합니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564347361874.png) 아까 추가한 것 밑에 image/ 해서 4개의 파일이 등록된 것을 확인할 수 있습니다. 모든 파일을 추가하였으니 저장 버튼을 누르겠습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564349411449.png) 저장 버튼을 누르면 스킨명을 입력할 수 있는 창이 나타납니다. 이때 아무 글자나 넣어도 문제는 없지만, 추후 구분이 쉽도록 본인이 알아보기 편한 명칭을 지정해 등록하는 것을 추천드립니다. 이렇게 스킨 등록은 마무리되었습니다.
## 티스토리 스킨 적용방법 스킨을 등록했다고 해서 바로 적용되는 것은 아닙니다. 등록한 스킨을 직접 적용해야 실제 블로그에 반영됩니다. 지금부터 스킨 적용 방법을 알려드리겠습니다. 다시 스킨등록 화면으로 접속합니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564351111865.png) 우측 상단 부근 스킨등록 아래 스킨 보관함이라고 있습니다. 이 메뉴를 클릭해 들어가겠습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564351393663.png) 그럼 그동운 우리가 등록한 스킨이 나오게 되는데요. 여기서 원하는 스킨에 마우스를 올리면 적용버튼이 활성화됩니다. 이 적용버튼을 누르면 스킨 적용이 완료됩니다.
## 온부스킨 기능 및 주의사항 ### 온부스킨 주요기능 온부스킨은 티스토리에서 제공하는 스킨 중 '북클럽 스킨'을 커스터 마이징한 스킨입니다. 가독성을 위해 제목과 본문 글자 크기를 조절하였고 목차를 적용했습니다. 특히 본문 h2 상단에 버튼이 자동으로 노출되는 기능이 있어 다른 스킨 대비 수익화에 유리할 수 있습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2508/832981173_17564354676569.png) 스킨편집 화면에서 본문에 노출될 버튼의 링크와 버튼문구, 설명문구를 입력하면 랜덤하게 본문 h2 상단에 노출됩니다. 총 10개의 버튼까지 등록이 가능하며, 링크는 한글 링크는 중간에 주소가 짤려 정상적으로 등록되지 않으니 한글주소의 경우 짧은주소로 변환해 등록하시길 바랍니다. ### 온부스킨 이용시 주의사항 온부스킨은 온부닷컴 회원이라면 누구나 무료로 이용할 수 있는 스킨입니다. 다만 무료 제공이라 하더라도 온부스킨의 저작권은 온부닷컴에 있으며, 이를 온부닷컴 외의 다른 곳에서 임의로 배포하거나 판매할 경우 저작권 위반으로 법적 처벌을 받을 수 있습니다. 만약 지인에게 스킨을 공유하고 싶다면 직접 파일을 전달하기보다는 온부닷컴 링크를 전송해 회원가입 후 사용할 수 있도록 안내해 주시기 바랍니다.