새로운 티스토리 스킨을 제작중에 있습니다. 이전의 스킨인 Material Kit이 기업 소개용 블로그에 적합하게 만들었지만 이번의 스킨은 뉴스, 매거진 블로그에 적합하게 제작됩니다.  홈화면의 커버 아이템 레이아웃이 전혀 다르게 됩니다. 홈 화면의 레이아웃을 보면 아래와 같습니다. 사이드바를 홈화면에 기본적으로 노출되도록 했습니다. 블로그 글 화면에서는 이전과 마찬가지로 햄버거 버튼을 클릭하면 좌측에서 나타나는 구조가 될 ..

티스토리 스킨 Material Kit을 판매합니다. 제 블로그인 사용중인 스킨을 보다 업그레이드한 것으로 9개의 커버 아이템이 지원됩니다. 자세한 내용과 사용업은 다음의 링크를 참고하세요.티스토리 스킨 Material Kit 사용 가이드 - 스킨 옵션:https://martian36.tistory.com/1564티스토리 스킨 Material Kit 사용 가이드 - 원페이지 만들기, 콘텐츠 보안:https://martian36.tistory.com/1..

본 가이드는 티스토리 스킨 Material Kit를 구매 후 스킨을 사용하기 위한 설명서입니다. 데모 사이트: https://explorer36.tistory.com/구매 사이트: https://martian.kr/shop/material-kit-2/홈 화면의 커버 기능을 이용해 페이지를 한번 만들어놓으면 저장되는 것이 아니고 스킨을 다른 것으로 바꾸면 전체를 다시 만들어야 합니다. 따라서 가능한한 필요하다고 생각되는 기능..

구글 애드센스 사용법에 대해 설명합니다. 구글 애드센스는 예전에는 글 하나당 3개의 광고를 붙일 수 있었는데 요즘은 이러한 제한이 없어지고 원하는만큼 배치할 수 있습니다. 하지만 많은 광고를 붙이면 방문자가 불편하죠. 더구나 요즘 추세가 사이드바가 없는 블로그 레이아웃이 유행이라서 사이드바에 배치할 수도 없습니다. 필자는 글 중간에 배치하는 것을 지양해왔었는데 사이드바를 없애고나서는 어쩔 수 없이 글 중간에 배치했습니다. 글에 일일이 추가하는 것이 ..

이전 글에서는 티스토리 스킨 Material Kit의 스킨 옵션에 대해 알아봤습니다. 이번 글에서는 메뉴 만드는 방법과 원페이지 사이트 만드는 방법, 글 콘텐츠 보호에 대해 설명합니다. 데모사이트: https://explorer36.tistory.com/ 구매 사이트: https://martian.kr/shop/material-kit-2/ 1. 메뉴 만들기 메뉴는 티스토리에서 두 가지로 돼있습니다. 하나는 기본 메뉴이고 다..

본 가이드는 Material Kit 스킨 구매 후 사용방법에 대한 설명입니다. 스킨을 설치하는 방법은 여러 블로그에 나와있으니 생략합니다. 스킨은 제작 완료됐고 최종점검 중입니다. 이틀간 점검 진행할 것입니다. 카드 PG 신청은 승인이 났으니 다음 주면 카드 결제가 가능할 것 같습니다. 데모 사이트: https://explorer36.tistory.com 구매 사이트: https://martian.kr/shop/material-kit-2..

티스토리가 최근에 커버 기능을 지원하게 되면서 홈 화면을 아주 자유롭게 변경할 수 있도록 개선했습니다. 3가지 스킨을 발표했는데 각 스킨마다 다른 커버 기능이 있더군요. 이번에 제 블로그에서 사용할 스킨을 제작하면서 홈 화면에 콘텐츠를 하드코딩으로 추가할 수 있도록 했는데 3가지 스킨에 있는 커버 기능을 통합해 제가 제작한 스킨에 추가해 이용하니 더 편하고 자유롭게 됐습니다.구매 사이트: https://martian.kr/shop/mater..

이번에 티스토리에서 보안인증서를 설치하면서 여러 가지 에러가 발생하고 썸네일 이미지가 Mixed Content로 나타나는 등 문제가 발견됐습니다. 현재 제 블로그의 스킨을 업데이트 하기위해 티스토리에서 제작한 반응형 스킨(#2)을 참고해 썸네일 이미지 부분을 수정하면서 #2 스킨을 핀터레스트 스타일로 수정해봤습니다.사이드바 3단사이드바 2단.사이드바 1단사이드바 2단, 1단은 위젯이 많아지면서 스크롤바가 나타나는데 보기에 좋지않아 크롬에서만..

http://www.tistory.com/skin/all?isResponsiveWeb=true요즘 티스토리에서 반응형 스킨 공모전이 열리고 있어서 여러 개발자들이 스킨을 제작해 올리고 있습니다. 구글 머티리얼 디자인의 영향인지는 모르겠으나 사이드바가 없는 경우가 많습니다. 아무리 모바일 우선(Mobile First)의 시대라 해도 넓은 화면의 모니터에서 봤을 때 사이드바가 없으면 콘테이너의 폭이 좁아질 수 밖에 없습니다. 글을 읽는데 좌우 폭이 너무..

블로그를 돌아다니다 보면 대부분의 블로그가 태그를 아주 많이 달아놓고 있습니다. 이 태그란 것이 무슨 검색 유입에 도움이 되는 것처럼 사용되고 있는 듯 합니다. 즉 검색엔진이 이 태그를 인식해서 검색자가 검색하면 이 검색어를 기준으로 사이트가 노출되는 것으로 오해하고 있는 것 같습니다.태그란 카테고리와 마찬가지로 글의 분류를 위해 사용하는 것에 불과 합니다. 만일 태그가 검색 엔진에 도움이 된다면 카테고리를 수없이 만들어 놓는 것과 같은 것입니다. ..

이전 버전에서 몇 가지 수정하고 스킨 위자드를 사용할 수 있도록 했습니다. 스킨 위자드 버튼을 클릭하면 몇 가지 설정할 수 있습니다. 배경 탭에서 배경 이미지를 설정할 수 있습니다. 이미지를 사용하거나 패턴을 사용할 수 있습니다. 타이틀 탭에서 이미지 링크를 선택해 헤더 배경 이미지를 추가할 수 있습니다. 텍스트 링크를 선택해 헤더의 높이나 블로그 제목의 글자 색상, 크기를 설정할 수 있습니다. 게시글 탭에서는 제목 글..

제가 사용할 티스토리 스킨을 만들려고 테터툴스 최근 버전을 설치하니 기본 스킨이 부트스트랩으로 만들어졌고 깔끔하더군요. 그래서 일부 수정한 스킨을 공개합니다. 스킨 이름은 periwinkle입니다. 새 버전 바로가기 주로 수정한 부분은 메뉴입니다. 블로그 메뉴는 탑바에 배치하고 카테고리 메뉴는 주메뉴에 배치했습니다. 티스토리는 주메뉴라는게 없어서 별도의 작업을 해줘야 합니다. 그리고 추가한 것이 구글 광고입니다. 사이드바 화면..

about.me는 소셜 프로필 명함(Social Profile Business Card) 서비스입니다. 2009년 10월 Ryan Freitas, Tony Conrad, Tim Young에 의해 설립됐고 2010년 12월 런칭을 했지만 불과 4일도 지나지 않아서 AOL에 합병됐습니다. 하지만 창립자인 Tony Conrad는 AOL의 비지니스 모델과 어울리지 않아 다시 구매했다고 합니다. AOL은 콘텐츠 사업이고 about...

구글 크롬을 사용하다보면 구글 광고에 대체되어 흉칙한 광고가 나타나는 경우가 있습니다. 어떤 때는 플래시 광고처럼 번쩍 거리기도 하고 이런게 구글광고인가 싶기도 해서 그대로 놔두고 넘어간 적이 있는데 하도 이상해서 요소검사를 해보니 Xtendmedia 바이러스에 의한 광고였습니다. 주로 콘텐츠 영역에 나타나더군요. 구글링을 해보니 여러가지 방법이 있는데 간단한 것은 확장 프로그램에서 제 3자에 의해 설치된 것인지 확인하고 ..

현재 제 블로그에 사용되고 있는 눈내리는 효과의 제이쿼리 플러그인 사용법을 간단하게 알아봅니다. 이제 12월이라 그런 분위기입니다. 우선 html 편집화면에 아래의 코드를 복사해서 </body> 태그 이전에 붙여넣습니다. 대부분 제이쿼리 라이브러리를 사용하는데 없는 경우 구글의 CDN 링크를 추가하고 저장하면 됩니다. 아래 코드 중 첫번째 줄입니다.  <script src="https://ajax.googleapis.com..

가끔 유입로그를 보다보면 알렉사(Alexa) 홈페이지로 이동되는데 이곳에 티스토리의 접속 통계가 나와있어서 흥미롭게 보곤 합니다. 먼저 알렉사라는 곳은 어떤 곳이냐 하면 미국 캘리포니아에 위치한 아마존닷컴의 자회사로 상업적 웹 트래픽 데이터를 제공하는 회사입니다(위키피디어).http://www.alexa.com/사이트에서 도메인을 입력하고 검색 아이콘을 클릭하면 사이트의 순위 정보와 각종 통계를 볼 수 있습니다.티스토리는 세계적으로 1,673위, 국..