커스텀 스킨의 애드센스와 티스토리 공식 애드센스의 충돌 문제 해결 했습니다.

안녕하세요. 오랜만에 스킨 업데이트(버전 3.0.1)를 진행했습니다. 이번 버전에서는 이전에 유료로 판매되던 Tskin을 무료로 제공하게 되었습니다. 이전의 유료 스킨이었던만큼 이번 업데이트는 완성도가 높은 스킨을 제공합니다. 티스토리 커스텀 스킨에서 애드센스 오류 발생 및 해결 이번 업데이트의 가장 주요한 특징은 애드센스 기능의 개선입니다. 이제 스킨 설정에서도 광고의 게시와 삭제를 토글버튼으로 쉽게 조절할 수 있도록 처리되었습니다. 문제 발생 티스토리 커스텀 스킨에서 애드센스 개선 과정 중 발생한 문제에 대해 설명드리겠습니다. 티스토리가 애드센스 광고를 공식적으로 적용하게 되면서, 공식 스킨이나 애드센스가 적용되지 않은 기존 스킨에서는 쉽게 광고를 추가할 수 있게 되었지만, 수동으로 애드센스 코드를 ..

Tskin BASIC 무료 배포

Tskin BASIC v3 무료 배포 화면으로 자동 이동합니다. 잠시만 기다려 주세요..... Tskin BASIC V3 무료 배포 바로가기 자동으로 이동하지 않으면 위의 링크를 클릭해 주세요.

T스킨BASIC V2 Version 2.5.5 배포합니다

안녕하세요. 스킨 업데이트(Version 2.5.5)를 했습니다. 스킨 다운로드 Hotfix 댓글창 여닫을 때 댓글의 레이아웃이 틀어지는 현상 수정 모바일 화면일 경우 댓글 글쓰기 버튼이 보이지 않던 부분 수정 수정된 파일 script.js style.css

판매/구매 안내

T스킨은 티스토리에 사용할 수 있는 스킨입니다.구매 진행 절차 [구매자] nJo2 미니샵 또는 티스토리 미니샵 에서 구매 신청합니다. [구매자] 지정된 계좌로 무통장 입금 하거나 QR코드를 활용하여 입금합니다. [판매자] 입금 확인 후 다운로드 권한을 승인합니다. [구매자] nJo2 미니샵의 MY탭 또는 티스토리 미니샵의 MY탭이나 상품의 상세보기의 다운로드 탭에서 스킨파일을 다운로드하여 사용합니다. 설치하기스킨 설치에 대해서는 티스토리 스킨 설치하기를 참고하세요.지원안내저작물의 오류에 대해서는 최대한 빠른 시간에 수정하고 배포할 것입니다.오류가 아닌 기능 추가, 코드 변경 등의 수정 요청에 대해서는 공식적으로 지원하지 않습니다. 다만 공통적으로 필요한 기능일 경우 차후 버전에 추가로 기능개발 하도록 하..

티스토리 관리자 기능 중 수익 적용하기 (애드센스)

[ 2023.09.15 티스토리 공식 애드센스 적용과 개별 애드센스 적용에 대한 충돌 문제 관련 ]티스토리에서 애드센스를 공식 적용하면서 개별적으로 애드센스를 달았던 사람(커스텀 스킨)과 충돌이 발생하고 있었습니다. 저희 Tskin도 충돌이 있었으며 V3.0.1에서 이부분에 대해서 해결을 하였습니다. 에러는 잡았는데, 영향도에 대해서는 좀 더 지켜봐야 할것 같습니다. 관련하여 아래 공지사항을 확인해 주시기 바랍니다. 커스텀 스킨의 애드센스와 티스토리 공식 애드센스의 충돌 문제 해결 했습니다. 바로가기 [ 2020. 11 .4 공지 내용(블로그 이전에 따른 재등록) ]이번에 티스토리에서 카카오 로그인과 수익 기능을 업데이트 했습니다. 수익기능 중 애드센스적용에 대해서 설명하려고 합니다. 추가로 T스킨에 특..

T스킨BASIC V2 Version 2.5.3 배포합니다

안녕하세요. 스킨 업데이트(Version 2.5.3)를 했습니다. 티스토리에서 방명록의 프로필 이미지에 대한 치환자를 제공해서 이번 Version 2.5.3에 적용하였습니다. Hotfix방명록 프로필 이미지 치환자 제공에 따른 반영수정된 파일skin.html

T스킨BASIC V2 Version 2.5.2 배포합니다

안녕하세요. 오랜만에 스킨 업데이트(Version 2.5.2)를 했습니다. 티스토리에서 이번에 카카오 로그인 방식을 반영했고 수익이라는 기능이 추가가 되었습니다. 그에 따라 T스킨도 적절히 반영하였습니다. [스킨 다운로드 바로가기]내용 변경티스토리의 카카오 로그인과 수익(애드핏, 애드센스) 기능 추가에 따른 스킨 현행화 반영 적용 태그 결과 리스트 화면 표현 수정 본문 좌측 댓글 화면 기능 개선 Hotfix모바일 화면 카드형 리스트 화면 정리 수정된 파일 skin.html style.css images script.js vendor.js

17. 본문 포스팅에 탭기능 구현하기

T스킨은 부트스트랩을 기본 베이스로 사용합니다. 그 이야기는 무엇이냐 바로 본문에 부트스트랩의 기능을 쉽게 사용할 수 있다는 뜻입니다. 그중에 이번에는 Tab기능을 구현하는 방법을 설명하도록 하겠습니다. 사전지식글쓰기를 하실 때 아래에 대한 약간의 사전지식이 있어야 원활하게 사용하실 수 있습니다. HTMLCSSBootstrap ( https://getbootstrap.com/ )구현된 모습첫번째 탭두번째 탭세번째 탭 첫번째 탭 내용.. 두번째 탭 내용.. 세번째 탭 내용.. 글쓰기 구현하기먼저 글쓰기 창으로 이동합니다. 글쓰기는 새로운 글쓰기를 기준으로 설명하겠습니다. ▲ 우상단에 있는 글쓰기 모드 중에 HTML로 변경을 합니다. HTML 모드에서는 바탕색이 검정색으로 나타납니다. 이 모드에서는 작성하는..

T스킨BASIC V2 Version 2.5.1 배포합니다

안녕하세요. T스킨 BASIC V2 Version 2.5.1을 배포합니다. 내용 변경 리스트 화면에서 카테고리명과 날짜의 위치 변경 Hotfix 검색창 포커스 시 테두리 검정 색상 수정 게시판템플릿 사용 시 글 수정 후 창이 열리지 않거나 닫히지 않는 오류 수정 관리자 화면의 사이드바 나의 링크 영역 제목 제목 오타 수정 수정된 파일 skin.html style.css images script.js 다운로드하러 가기 [T스킨 BASIC V2 Version 2.4.0 다운로드 바로가기

T스킨BASIC V2 Version 2.5.0 배포합니다

안녕하세요. T스킨 BASIC V2 Version 2.5.0을 배포합니다. 기능 추가 1. 블로그의 포스트 리스트 화면에서 일반 리스트 보기 설정 추가 첫 화면인 리스트에서 카드 형태의 리스트만 보여주던 것을 일반 리스트 형태로도 보이게 하는 설정을 추가했습니다. 첫화면 카드 보기 형태 외에 리스트 보기 형태 설정하기 바로가기 2. 홈커버에서 카드 리스트 형태 보기 기능 추가 첫 화면에서 사용하던 카드 리스트 형태의 리스트를 홈 커버의 아이템으로 추가했습니다. 홈커버 화면에서 카드 리스트 보기 기능 설정하기 바로가기 3. 본문의 이미지 원본을 보여 주는 라이트박스(Lightbox) 플러그인과 중복되지 않게 처리 라이트박스(Lightbox)가 티스토리의 구형 글쓰기, 신형 글쓰기, 기타 방법으로 글을 쓰더..

홈커버 화면에서 카드 리스트보기 기능 설정하기

T스킨의 화면의 홈커버에는 다양한 커버 아이템이 있습니다. 이번 V2.5.0버전부터 Card리스트 형태 아이템을 추가하였습니다. 구현된 화면 참고하기 위해 화면의 위아래에 슬라이더 아이템과 벽돌 리스트 아이템을 넣어놨고 중간에 많이 봐오던 카드 리스트 화면을 추가하였습니다. 설정하는 방법설정은 쉽습니다. 관리자 > 스킨설정 화면으로 이동합니다. 그리고 첫 화면이 홈커버로 설정되어 있어야 합니다. 스킨 설정에서 먼저 커버 탭을 선택합니다. 커버 아이템 추가를 선택합니다. 커버 아이템 중 이번에 새롭게 추가된 카드 리스트를 선택합니다. 카드 리스트를 확인합니다. 글 수는 상관이 없지만 그래도 가능하면 12개를 추천합니다. 화면의 가로 크기에 따라 한 줄에 1 ~ 4개의 카드가 나옵니다. 3개가 나올 때나 4..

첫화면 카드보기 형태 외에 리스트 보기 형태 설정하기

지금까지는 T스킨의 청 화면은 홈커버, 카드 리스트 보기만 있었습니다. 이번 V2.5.0버전부터 일반 리스트보기화면 설정을 추가하였습니다. 기존 화면 기존 Card 리스트 형태의 화면입니다. 구현된 화면 위와 같이 일반 리스트 형태를 구현했습니다. 썸네일 이미지가 있으면 왼쪽에 표시가 되고 없으면 없는 리스트가 나옵니다. 티스토리에서 우리에게 엄청나게 큰 힘을 주는 애드센스도 빠짐없이 나오게 했습니다. 다만 주의해야 할 점은 애드센스 인피드 광고는 가로형태와 세로 형태로 제공을 하고 있습니다. 기존의 Card리스트 형태는 인피드 광고의 세로 형태와 어울리고 일반 리스트 형태는 인피드 광고의 가로형태와 잘 맞습니다. 그래서 인피드 광고를 최적으로 표시하려면 애드센스에서 가로형태의 인피드 광고를 하나 더 추..

T스킨SHOP이 현재 중단되었으나 곧 다시 오픈 될 예정입니다.

현재(2020년 9월 17일~) T스킨 SHOP이 중단된 상태입니다. (곧 다시 오픈될 것입니다.) T스킨 SHOP이 별도의 서버를 사용하고 있는데 이용량이 적은 초기에는 무료로 사용할 수 있었으나 무료 사용 한도가 넘어 버려서 막혔습니다. 쩝 ㅠㅠ (좋은 건지 안 좋은 건지..) 어찌 되었든 현재 유료 서비스로 전환을 신청해 놓은 상태이고 심사 중인 상태입니다. 조금만 더 기다리면 다시 오픈 예정입니다. 서비스 이용에 불편을 드려 죄송합니다. 감사합니다. - T스킨SHOP 바로가기 -

T스킨BASIC V2 Version 2.4.1 배포합니다

안녕하세요. T스킨BASIC V2 Version 2.4.1을 긴급 배포합니다. 이번에는 스킨 오류에 대한 수정입니다. Hotfix 게시판 템플릿에서 글/댓글 작성 후 리스트 펼침 기능이 되지 않던 것을 정상적으로 수정함 사이드 메뉴에서 티스토리 서비스인 위치로그의 종료에 따라 해당 버튼을 삭제함 댓글 창의 댓글 양이 적을 경우 댓글이 상단에 가려서 보이지 않던 것을 보이게 수정함 SNS 공유의 핀터레스트와 에버노트 공유에 대해서 핀터레스트는 복구하였으며 에버노트는 기능이 중지 되어 제거함 태블릿에서 본문 화면 스크롤되지 않던 오류 복구 수정된 파일 skin.html style.css images script.js 다운로드하러 가기 T스킨BASIC V2 Version 2.4.0 다운로드 바로가기 작업 예정..

T스킨BASIC V2 Version 2.4.0 배포합니다

안녕하세요. T스킨BASIC V2 Version 2.4.0을 긴급 배포합니다. 기능 추가 본문 하단 블로거의 필명이 나오던 것을 블로그명이 나오도록 변경 팀블로거가 작성한 글을 고려하여 본문 상단 제목 아래 글을 작성한 블로거의 이름과 대표사진이 나오도록 수정 Hotfix 본문 좌측 공유하기 버튼 클릭 시 보이던 팝업 창이 나오지 않는 기능 오류 수정 관리자페이지 --> 콘텐츠 --> 설정 에서 단락 앞뒤에 공백 사용/미사용 설정에 따라 적용되지 않던 문제 수정 수정된 파일 skin.html style.css images script.js 다운로드하러 가기 T스킨BASIC V2 Version 2.4.0 다운로드 바로가기 작업 예정 서비스 기능 -> 블로그의 첫화면인 포스트 리스트 화면에서 카드형태 보기 ..

T스킨BASIC V2 Version 2.3.1 배포합니다

안녕하세요. T스킨BASIC V2 Version 2.3.1을 긴급 배포합니다. Hotfix 좌측 기능버튼 중 글요소의 수정/삭제 버튼의 링크가 온전치 않은 것을 수정하였습니다. 수정된 파일 images script.js 다운로드하러 가기 T스킨BASIC V2 Version 2.3.1 다운로드 바로가기

T스킨BASIC V2 Version 2.3.0 배포합니다

안녕하세요. T스킨BASIC V2 Version 2.3.0 배포합니다. 기능 추가 1. 블로그 포스트의 태그 기능으로 전체화면이미지 적용하기 블로그 글에 [@전체화면이미지@]태그로 블로그 글의 상단에 전체화면크기의 랜덤이미지가 적용되게 하였습니다. 자세한 설명은 아래 포스트를 참고하세요. 블로그 포스트의 태그 기능으로 전체화면이미지 적용하기 수정된 파일 skin.html style.css images script.js 다운로드하러 가기 T스킨BASIC V2 Version 2.3.0 다운로드 바로가기

블로그 포스트의 태그 기능으로 전체화면이미지 적용하기

[대상 스킨 : T스킨BASIC V2 Version 2.3.0 이상]블로그 글에 대해서 태그에 특정태그를 입력하면 특별한 탬플릿이 적용됩니다. 이전에는 포스트 글의 태그에 [@게시판@]을 입력하면 게시판 탬플릿이 적용되게 구혔었는데요. 이번에는 [@전체화면이미지@]태그로 블로그 글의 상단에 전체화면크기의 랜덤이미지가 적용되게 하였습니다.구현된 화면블로그 글의 최상단에 전체화면 이미지가 적용된 탬플릿이 적용됩니다. 작성된 블로그 글에서 모든 이미지를 찾아 지정된 크기(기본크기는 가로 800px)이상의 이미지가 1개라도 있다면 그 이미지들에 대해서 최상단에 랜덤하게 보여줍니다. 만약 그런 이미지가 없다면 무슨일이 있었냐는 듯이 원래의 레이아웃으로 보여줍니다. 적용된 포스트 DEMO 구현방법 구현방법은 블로그..

T스킨BASIC V2 Version 2.2.1 배포합니다

안녕하세요. T스킨BASIC V2 Version 2.2.1 배포합니다. Hotfix 브라우저의 넓이를 축소할 때 모바일 화면의 크기에 다다르면 기능버튼(구독, 글요소..)이 화면의 가장 아래로 내려가야 하는데 어설프게 상단쪽에 위치하던 것을 가장 아래로 오개 수정하였습니다. T스킨이 반응형으로 설계가 되어 있는데 화면 구조의 안정성을 위해 모바일로 전환하는 시점을 768px로 조정하였습니다. 좌측의 댓글 창을 닫았을 때 나오는 TOC(Table of Content)에 대해 넓이 공간 확보가 된 992px이상일 경우에만 나오게 했습니다. 기타 코드의 안정화 작업이 있었습니다. 수정된 파일 skin.html style.css images script.js vendor.js vendor.css

T스킨BASIC V2 Version 2.2.0 배포합니다

안녕하세요. T스킨BASIC V2 Version 2.2.0 배포합니다. 기능 추가 1. 사이드바의 카테고리 2단계 펼침/닫힘 설정하기 화면의 왼쪽에 있는 사이드바의 카테고리 중 2단계 카테고리에 대해서 화면 로딩 시 펼침 상태로 표시할지, 닫힘 상태로 표시할지, 아니면 원하는 카테고리에 대해서만 펼침 상태로 표시할지를 설정 할 수 있게 했습니다. 해당 설정은 스킨편집메뉴에서 지정해야 하므로 index.xml을 추가해 줘야 합니다. 구현된 화면 자세한 적용방법은 아래 포스트를 참고하세요. 로딩 시 사이드바 메뉴의 서브메뉴를 펼침 상태로 표시할지 닫힘 상태로 표시할지 설정하기 2. 특정 태그가 설정된 Post 글에 대해서 특정 탬플릿 적용 원래 특정태그 형식을 [#와 #]로 설정했던 것을 [@와 @]로 변경..

로딩 시 사이드바 메뉴의 서브메뉴를 펼침 상태로 표시할지 닫힘 상태로 표시할지 설정하기

사이드바의 2단계 카테고리에 대해서 초기 화면 로딩 시 펼침 상태로 표시할지, 닫힘 상태로 표시할지, 원하는 카테고리에 대해서만 2단계 카테고리를 펼침 상태로 표시할지를 설정 할 수 있습니다. 구현된 화면모두 닫힌 상태로 화면 로딩 카테고리가 모두 닫힌 상태로 로딩되어 1단계 카테고리만 보여집니다. 모두 열린 상태로 화면 로딩 반대로 카테고리가 모두 펼침 상태로 로딩되어 1단계, 2단계 카테고리 모두 보여집니다. 특정 카테고리만 상태로 화면 로딩 지정한 특정 카테고리에 대해서만 2단계 카테고리가 펼침 상태로 보여집니다. 구현방법구현방법은 관리자페이지 > 스킨편집 에서 설정할 수 있습니다. 먼저 스킨편집 화면을 엽니다. 모두 닫힌 상태로 화면 로딩 [카테고리]설정 항목에서 카테고리 펼침에 아무 값도 입력하..

티스토리 블로그에서 상호 소통 가능한 게시판 만들기

T스킨 V2.1.X버전에 야심찬 새로운 기능을 추가했습니다. 본문의 입력된 태그를 분석해서 [@게시판@]이란 태그가 있으면 본문의 글을 게시판형식으로 보여주는 기능입니다. 이 태그 분석은 지속적으로 다양한 형식의 탬플릿에 적용시킬 수 있게 할 예정입니다. 구현된 화면 티스토리의 댓글기능을 활용하여 최대한 게시판형식으로 보여지게 만들었습니다. 실제 적용된 모습은 아래의 경로에서 확인할 수 있습니다. 스킨 오류/개선 요청 게시판 바로가기 구현방법구현방법은 매우 쉽습니다. 글쓰기 -> 제목(게시판 이름) 작성하기 -> 태그에 [@게시판@] 입력하기 먼저 관리자화면에서 글쓰기를 실행합니다. 제목을 입력합니다. 제목은 게시판의 이름이 됩니다. 태그에 [@게시판@]이란 태그를 입력합니다. [@와 @]사이의 키워드를..

T스킨BASIC V2 Version 2.1.0 배포합니다.

안녕하세요. T스킨BASIC V2 Version 2.1.0 배포합니다. 이번에는 코드를 좀 많이 변경했습니다. 앞으로 특정 태그를 이용하여 다양한 탬플릿이 적용되도록 할 수 있습니다. 기능 추가 1. 특정 태그가 설정된 Post 글에 대해서 특정 탬플릿 적용 야심차게 추가한 기능입니다. 개발한 저도 앞으로 기대가 되는 기능입니다. 글의 태그에 특정 형식의 태그명을 입력하면 그 글(컨텐츠)이 특정 탬플릿이 구현되도록 핵심 코드를 개발하여 적용하였습니다. [@와 @]사이에 정해진 특정 단어를 입력하면 탬플릿이 반영됩니다. ( V2.2.0에서 변경됨 ) [#와 #]사이에 정해진 특정 단어를 입력하면 탬플릿이 반영됩니다. ex > [@특정단어@] ex > [#특정단어#] V2.1.0에서는 댓글을 활용한 게시판 ..

스킨 오류/개선 요청 게시판

T스킨BASIC V2 Version 2.0.6을 긴급 배포 했습니다.

안녕하세요. 2.0.5버전에서 아래와 같은 오류가 있어 수정 후 2.0.6으로 긴급배포했습니다. 오류 내용 댓글작성 시 자동으로 비밀댓글로 표시되던 부분을 수정하였습니다. 수정부분 skin.html의 댓글 부분인 input의 코드를 아래와 같이 수정하였습니다. CSS에서도 아이콘의 표시를 서로 반대 아이콘으로 변경하였습니다. style.css의 내용을 전체 덮어쓰기를 해 주시면 됩니다. 감사합니다.

T스킨BASIC V2 Version 2.0.5을 배포 했습니다.

T스킨BASIC V2 Version 2.0.5을 배포 했습니다. 이번에 수정 적용된 부분은 댓글 오류 수정과 기능개선입니다. [오류수정] Host가 댓글 작성 시 나오던 비밀댓글 아이콘 제거 티스토리 기본 기능에서 블로그 주인인 Host가 댓글을 작성할 때는 비밀댓글을 사용하지 못하게 되어 있습니다. 그러나 T스킨BASIC에서는 비밀댓글을 쓸수 있는 것처럼 자물쇠 아이콘이 달려 있었습니다. 이 아이콘을 기본기능에 맞게 제거 하였습니다. Host가 댓글의 댓글인 대댓글을 작성할 경우에만 비밀댓글을 달 수 있습니다. 그 외 일반 사용자는 댓글을 달 때 비밀댓글을 달 수 있습니다. [기능개선] 댓글 리스트에서 비밀 글일 경우 표현 댓글 리스트에서 비밀댓글인 경우 댓글의 마지막 부분에 한글로 [비밀댓글]로 표시..

티스토리 스킨 T스킨 BASIC V2.0.4 버전이 배포되었습니다

안녕하세요 티스토리 스킨인 T스킨 BASIC V2.0.4 버전을 배포하였습니다. 수정내용 code Highlight를 플러그인에서 작동하게 수정 code Highlight에서 코드를 Copy할 수 있는 버튼 기능 추가 code의 택스트 크기를 축소하여 본문과 어울리게 수정 "아이패드에서 기능버튼이 길죽한 원으로 보이는 현상" 기타 코드 안정화 작업 티스토리 스킨샵에서 다운로드 받으시면 됩니다. T스킨샵 바로가기

티스토리 2차 도메인 사용자들에게 안내 드립니다.

2020년 7월 24일날 티스토리에서 중요한 공지가 있었습니다. 2차 도메인 사용자들에 대한 유의사항으로 내용을 요약해 보면 크롬 및 메이져 브라우저의 보안정책으로 인해 2차 도메인 연결이 어렵다는 내용입니다. 네이버 블로그도 2차 도메인을 제공하지 안는다고해서 아주 난리가 아닌데, 티스토리는 2차 도메인은 유지하되 로그인과 관련된 일부 기능을 당분간 사용 할 수 없다는 내용입니다. 아래는 티스토리에서 공지한 내용의 발췌입니다. 2차 도메인 사용 시 유의사항 안내 2차 도메인을 계속 지원하며, 기존과 같이 사용하실 수 있습니다. 단, 2차 도메인으로 접근할 시 로그인 유지가 되지 않아 방문자의 로그인 기반 활동이 제약될 수 있습니다. 댓글 작성 시 비회원 댓글로만 작성 가능하며, 구독 신청도 2차 도메인..

구글 애드센스 댓글 창에 표시하기

[2023.09.15 스킨 개선에 따른 사용방법 업데이트]이번에 스킨을 손을 좀 보면서 애드센스의 댓글창 광고에 대해서 기능을 추가하였습니다. 위와 같이 디스플레이 slot하나로 댓글창과 본문 상단, 하단에 광고달기를 추가했으며 토글버튼으로 광고의 게시/제거를 할 수있습니다.본문 상단/하단 고정 광고 위와 같이 제목 아래쪽에 고정된 광고를 넣을 수 있습니다. 위와 같이 본문 상단 또는 하단의 광고달기를 토글버튼으로 광고의 게시/제거를 할 수있습니다.[ 2020. 7. 24 공지 내용(블로그 이전에 따른 재등록) ]오른쪽의 댓글창에도 애드센스 광고를 넣을 수 있습니다. 댓글보기와 댓글쓰기에 방해가 되지 않도록 한정된 영역만을 사용해야 해서 광고의 크기와 딱맞아 떨어지지는 않습니다.적용된 모습 댓글을 작성하..