YYYY/MM/DD HH:mm 으로 표시되는 티스토리 시간을 방금전, x분 전, x시간 전, x일 전, x주 전 등으로 표시해주는 스크립트입니다. 4분 이내는 방금전,1시간 이내는 x분 전,24시간 이내는 x시간 전,7일 이내는 x일 전,60일 이내는 x주 전,12개월 이내는 x개월 전,그보다 오래된 시간은 YYYY년 MM월 DD일 hh시 mm분으로 표시해줍니다. . 적용 방법다음 스크립트를 위에 붙여넣으면 됩니다. 빨간색 표시된 date는 시간 표시를 바꿀 class의 이름입니다. materialT스킨을 비롯한 몇몇 스킨은 그대로 적용 가능하고, 다른 스킨에서는 직접 class값을 알아서 넣어주어야합니다. 시간 표시된 곳에 마우스오른쪽버튼 클릭해서 요소검사를 해보면 알 수 있습니다. ※본 스크립트는 j..
티스토리는 자유로운 스킨편집을 장점으로 하고있습니다. 때문에 여러 능력자분들이 활발히 스킨을 제작하고있고, 다운받아서 적용할 수도 있습니다. 이 포스트에서는 다운받은 스킨을 설치하는 방법에 대해서 알아보겠습니다. 티스토리 커스텀 스킨 적용하기 - 새로워진 티스토리 관리자 아래 내용은 티스토리 개편 이전의 내용입니다. . 다운받은 커스텀 스킨 설치하기 1. 먼저 다운받은 스킨을 압축해제합니다. 2. 관리페이지에 들어가서꾸미기-스킨-스킨등록을 누릅니다. 3.스킨 저장명에 스킨 이름을 입력하고, 파일목록아래 추가버튼을 눌러 압축해제한 파일들을 모두 추가합니다.이때, 폴더는 업로드되지 않으니 images폴더가 있다면 꼭 폴더안의 파일들도 추가하셔야합니다.업로드가 끝나면 저장을 누릅니다. 4.마지막으로 꾸미기-스..
지난 번 포스팅에서 소개한 material design offcanvas의 업데이트 버전입니다. 1.1 버전에서 바뀐 점 html 구조 개선스크롤 개선하단에 링크를 추가할 수 있습니다.뒤로가기 버튼으로 offcanvas를 닫을 수 있습니다. 아래 적용방법은 이전버전을 적용한 상태를 기준으로 설명합니다. 처음 적용하시는 분은 이전버전을 먼저 적용한 뒤 따라해주세요. skin.html1. 태그 링크 추가 방명록 관리자 메뉴 관리자 모드 글쓰기 위 부분을 찾아 아래로 대체합니다. 태그 링크 추가 방명록 관리자 메뉴 관리자 모드 글쓰기 티스토리 Daum 2.아래 파일을 업로드한 후 위 부분을 찾아 아래로 대체합니다. . style.css #lnav { width:220px; height:100%; positio..
블로그에 카카오톡, 카카오스토리로 공유버튼 만들기카카오링크 (카카오톡, 카카오스토리 공유) 스크립트 업데이트 그동안 카카오링크 2.0버전을 사용해왔지만, 12월 3일부로 카카오링크 3.5버전 이하의 링크는 아래와 같은 메시지가 나타나면서 사용이 불가해졌습니다."최신버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다.해당 앱을 업데이트 하거나 최신버전의 카카오톡 링크를 적용하도록 앱 개발사에 요청해 주세요." 카카오링크 3.5버전의 사용법에 대해서 알려드리겠습니다. 카카오톡의 경우에만 새로운버전의 카카오링크를 사용하고, 카카오스토리는 이전의 카카오링크1.0을 계속 쓰시면됩니다. 카카오 개발자 등록하기 카카오링크 3.5버전 사용을 위해서는 카카오 개발자로 등록을 해야합니다.htt..
오늘 소개해드릴 스크립트는 삭제된 게시글에서 다른 게시글을 추천하는 방법입니다. 무슨말이냐하면,예를들어http://nubiz.tistory.com/1이 블로그의 1번글은 삭제된 상태이기 때문에 접속하면 삭제된 게시글이라는 안내가 나옵니다. 원래는 위와 같은 메시지가 나오게 되고, 대부분의 방문자들은 이 화면을 보자마자 창을 닫아버릴겁니다. 그 중에 한 명이라도, 다른 컨텐츠에 관심을 돌릴 수 있다면 좋겠지요. 저는 애드디스(Addthis)의 게시글 추천 플러그인을 이용했습니다.그리고 검색을 해보는 것은 어떠냐는 추천문구도 삽입해보았습니다. Addthis에서 애드디스의 간단한 이용방법은 이전글을 참조하시고,Addthis 플러그인 교체하다 - Addthis 업데이트 된 적용방식 이 방법을 사용하기 위해서는 ..
구글 스프레드시트를 데이터베이스로 이용하기 - 1. ajax POST를 통한 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1 방문로그 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 2.Query 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1.1오래된 데이터 자동 삭제 스크립트 티스토리에 오류 제보하기 버튼을 만들어보자 - 구글 스프레드 시트를 데이터베이스로 이용하기 구글 스프레드시트를 데이터베이스로 이용하기 - 2.1 ajax로 json데이터 받아오기편 오늘은 티스토리에 오류제보하기 버튼을 만들어보자에 이은 두번째 응용편입니다. 1.1의 방문로그 기록편과 2.1의 ajax로 json데이터 받아오기편을 종합하면 티스토리 개별포스트 조회수 및 순위 표시하기가 가능합니다!두 ..
구글 스프레드시트를 데이터베이스로 이용하기 - 1. ajax POST를 통한 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1 방문로그 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1.1오래된 데이터 자동 삭제 스크립트 구글 스프레드시트를 데이터베이스로 이용하기 - 2.Query 편 티스토리에 오류 제보하기 버튼을 만들어보자 - 구글 스프레드 시트를 데이터베이스로 이용하기 '구글 스프레드 시트를 데이터베이스로 이용하기'가 거의 완성되어가는 것 같습니다. 이번 포스팅은 드디어 ajax를 이용하여 구글스프레드시트로부터 데이터를 받아오는 방법에 대한 것입니다. Cross-domain 제한때문에 골치였는데, jsonp를 이용하면 해결되는 문제였습니다. 그리고 jsonp를 사용하기위해서..
이 글은 구글 스프레드 시트를 데이터베이스로 이용하기 시리즈의 응용편 - "내 블로그에 오류 제보하기 버튼을 만들어보자" 편 입니다. 구글 스프레드시트를 데이터베이스로 이용하기 - 1. ajax POST를 통한 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1 방문로그 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 2.Query 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1.1오래된 데이터 자동 삭제 스크립트 블로그에 글을 쓰다보면 가끔 잘못된 정보가 전달되는 경우가 있습니다. 혹은 시간이 지나서 정보가 바뀐 경우도 있죠. 또한 스킨을 바꿀 경우에, 이미 작성한 글의 레이아웃이 깨지는 경우도 있습니다. 작성한 포스트 갯수가 적은경우에는 블로그 운영자가 직접 하나하나 확인해..
구글이 앞장서고있는 머티리얼디자인(Material design)을 적용한 Offcanvas입니다. Offcanvas는 Fastboot 스킨의 핵심기능이죠. 블로그를 마치 스마트폰 앱처럼 만들어주는 기능이었습니다. 저는 거기에 약간의 경량화와 함께 기능개선, 디자인적용을 했습니다. Material 디자인 offcanvas 소개 디자인은 최근 트랜드인 구글의 머티리얼디자인을 모방했습니다.(거의 대놓고 배낀 수준..) 데스크탑에서는 여기, 모바일에서는 여기를 누르면 offcanvas 메뉴가 나타납니다. 따로 닫기 버튼은 없고, 검은 여백을 클릭하면 닫아집니다. (스마트폰에서 앱인줄알고 '뒤로'버튼 누르지 마세요 ^^) 적용 방법 Fastboot스킨의 핵심을 건드리기 때문에 적용방법이 다소 복잡합니다.반드시 '..
댓글 더 보기 플러그인은 이미 몇달 전 이 블로그에 적용하고 소개해 드렸었는데요.티스토리 댓글 길어질 때 '댓글 더보기' 플러그인 기능상 부족한 점을 보완하고, 애니메이션까지 추가해서 업그레이드 해보았습니다.물론 성능 부담은 최소한으로 줄이려 노력했습니다. 댓글 더 보기 플러그인을 사용하면 뭐가 좋나요? 제 경우는 댓글 목록 아래에 댓글 입력창이 있는 경우를 선호합니다.그래야 댓글에 있는 내용을 한번이라도 읽어보고 쓸데없는 중복 댓글을 달지 않을테니까요. 그런데 댓글목록이 너무 길어질 경우 댓글을 달려면 스크롤을 한참 내려야하는 불편이 생기게됩니다.그래서 페이스북처럼 댓글이 너무 많아질 경우 몇개만 보여주고, 나머지는 더 보기를 눌러야 보이는 방식을 적용한 것입니다. 결국 장점은 저와 비슷한 생각을 갖고..