2019년 3월 현재 티스토리 업데이트로 사용할 수 없게되었습니다 .. -----------------------------------------------------------------오랜만에 블로그 강좌를 쓰게되었습니다.티스토리같은 블로그에서 SNS 공유버튼은 상당히 중요한 역할을 하는데요. SNS의 파급력을 통해 블로그로의 방문 유입을 높일 수 있는 아주 효율적인 수단이기 때문입니다. 방문자가 공유를 하려면 직접 블로그 주소를 복사해서 원하는 서비스에 붙여넣기를 할 수도 있지만 웬만한 글이 아니고서야 자발적으로 공유를 유도하기는 어렵습니다.하지만 공유버튼이 눈에 계속보이면 방문자들이 더 편하게 공유를 할 수 있으므로 공유까지 도달할 확률이 높아지게 됩니다. 제 티스토리 스킨인 Material T ..

티스토리 공감버튼이 소리소문없이 변경되었습니다. 기존의 공감버튼, 공유, 신고, CCL 표시가 전부 한줄로 합쳐졌습니다.여러줄로 되어있던것들이 한줄로 깔끔하게 정리되니까 보기 좋네요. 이전에 공감 구걸을 달아놓는 방법에 대해서 포스팅 한 적이 있었는데요 티스토리 공감을 구걸해보자한동안 구걸을 안달아놓다가 위치도 바뀌고 모양도 바뀐김에 구걸하기를 달아보도록하겠습니다. 구걸 만들기 방법은 매우 간단합니다.스킨수정 - html편집으로 들어갑니다. (이부분도 소리소문없이 변경되었더군요..)그리고 위의 CSS탭으로 들어가서 맨 아랫줄에 다음을 추가합니다..container_postbtn:before { content: "↓유용하게 보셨다면 공감버튼 한번 눌러주세요"; position: absolute; top: ..

티스토리 관리자페이지에서 꾸미기 - 스킨 변경으로 들어갑니다. 오른쪽위에 보이는 스킨등록을 클릭합니다. 추가 버튼을 눌러 다운받은 스킨의 모든 파일을 업로드합니다.images 폴더가 있다면 폴더안의 파일을 한번 더 업로드합니다. 저장을 누릅니다. 스킨 이름을 입력하고 확인을 누릅니다. 아직 스킨이 적용되진 않았습니다. 스킨 보관함을 클릭합니다. 방금 업로드한 스킨이 목록에 보입니다. 점3개를 클릭해서 적용을 누르면 커스텀 스킨이 적용됩니다. 반응형 스킨인 경우 반응형 스킨인 경우 티스토리 기본 모바일 스킨을 해제해야합니다. 꾸미기-모바일에서 티스토리 모바일웹 자동 연결을 사용하지 않습니다.로 설정하고 저장합니다

이전에 google spreadsheet를 db로 이용하여 조회수 확인하는 방법을 포스팅한 적이 있는데요. 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1 방문로그 기록 편티스토리 개별 포스트 조회수 및 순위 표시하기 - 구글 스프레드시트를 데이터베이스로 이용하기 생각해보니 google analytics에 훨씬 정확한 정보가 있는데 굳이 방문로그를 왜 기록해야하나 싶어졌습니다. (방문로그 기록편에서는 호기롭게 이게 구글 애널리틱스보다 더 좋다!고 했지만 구글 애널리틱스가 훨씬 분석도 잘해주고 좋습니다..) 구글 애널리틱스에 정보가 있으면 그걸 불러올 수만 있으면 되겠죠? 당연히도 구글애널리틱스는 여러가지 api를 제공하고있습니다. 그 중에 조회수 확인에 필요한 Analytics Reporting A..

티스토리에 오류 제보하기 버튼을 만들어보자 - 구글 스프레드 시트를 데이터베이스로 이용하기구글 스프레드 시트를 응용한 오류제보하기를 소개해드린적 있는데요, 의외로 몇몇 분들이 사용중이시길래 제가 사용중인 개선 방향을 알려드리려합니다. 기존에는 오류 제보가 들어온 글의 주소만 알 수 있어서 어떤글이었는지, 제목이 뭐였는지 확인해보려면 직접 주소를 쳐서 들어갔어야했는데요, 그냥 한 눈에 들어오도록 수정해보도록 하겠습니다. 스크립트 수정 강좌 포스트 3.에서 skin.html에 삽입한 스크립트 부분에서 다음을 찾습니다 data: { path: decodeURIComponent(location.pathname), memo: errors+" / "+comment }, 찾은 부분을 다음과 같이 바꿔주세요 data:..

현재까지 유용하겠다싶어 발견한 것은 인덱스 페이지에서 썸네일의 해상도, 크기를 조절할 수 있는 안의 안에서 동작합니다.C150x150 부분을 수정하면 됩니다. 또한 카테고리 다른글 플러그인을 대신해서 관련글 치환자도 등장했네요. 아직 가이드에도 소개되지 않아#2의 관련글 부분 그대로 발췌합니다.'' Related Articlesmore 관련글에도 썸네일을 사용할 수 있게 해놨네요. 스킨공개하면서 새로운 치환자좀 정리해서 올려줬으면 하는 바람이..가이드에 추가되더라도 뭐가 추가됐는지 찾기도 어렵네요

티스토리에서 썸네일을 얻는 치환자를 제공하지 않고 있기 때문에 대부분의 스킨개발자들은 이를 위해 각 게시글주소에 ajax를 요청하여 썸네일 이미지를 불러오고있습니다. 부족한 실력이지만 지금부터 소개해드릴 nubizAjax는 불필요한 요청수를 최소화하고, 다운로드 용량도 최소화하는데 목표를 두고 제작되었습니다. jQuery를 이용한 parsing에서 해당주소에 포함된 모든 컨텐츠를 다운로드하는 단점을 개선했습니다. 현재 게시글주소를 통한 썸네일과 댓글작성자의 파비콘도 불러올 수 있습니다. 효과 같은 페이지에서 스크립트를 바꿔가며 캐시없이 새로고침하여 측정한 결과입니다.네트워크 상태가 좋지 않아서 로딩시간은 오히려 길어진 것 처럼 나왔네요.. 요청수와 다운로드사이즈 중심으로 봐주시면됩니다. ▲nubizAja..

티스토리 개발팀은 무지 바빠서 아무리 공지사항도 바로 수정/삭제할수 있는 링크를 만들어 달라해도 들어주지 않습니다. 제공하는 치환자가 없으니 직접 만들어 써야하죠. 일반 포스트의 수정/삭제는 주인에게만 보이지만, 치환자 없이 만들다보니 아무에게나 다 보이는 단점이 있습니다. 그래도 본인 블로그 아니면 수정/삭제가 될리가 없으니 아쉬운대로 사용 가능합니다. . 적용 방법정말 간단합니다. 공지사항 제목 아래부분쯤 적당한 위치에 다음을 삽입하면 됩니다. 예)skin.html의 를 찾아서 [##_notice_rep_title_## 이게 공지사항 제목 치환자이니, 그 아랫줄 쯤에 삽입합니다. 수정삭제※블로그 주소를 숫자형이 아닌 제목형으로 사용중인경우 [4]를 [5]로 수정하셔야할 수도 있습니다. (테스트 안해봄..

댓글 작성자의 아이콘을 불러오는 스크립트입니다. 티스토리에서는 대표이미지를 불러오는 치환자조차 제공하지 않고있기때문에 블로거의 아이콘 불러오는 치환자 역시 있을리가 없습니다. 이 스크립트는 해당글 주소에서 댓글 작성자의 프로필 이미지를 추출해 최근 댓글 사이드바에 뿌려줍니다. ajax요청을 최소화하기위해 첫번째 링크부터 모든 댓글작성자의 아이콘을 추출하며 두번째부터는 목록에 댓글작성자가 없는경우에만 다음 ajax요청을 수행합니다. MaterialT mark3에서 바로 사용할 수 있습니다. . 적용하기여타 스크립트와 마찬가지로 위에 붙여넣으면 됩니다. 이 스크립트 역시 주석을 첨가한 소스코드를 공개하니 수정하실분들은 수정해서 사용하시면됩니다./* getCommentorIcon by 뭐하라(http://nu..

티스토리에서 검색을하거나 카테고리를 눌렀을 때, 글 보관함을 눌렀을 때 나오는 검색화면에서 다음페이지 버튼 없이 스크롤하면 추가로 로딩되게 하는 스크립트입니다. 화면설정-화면출력에서 선택화면을 '목록만'으로 선택했을 때 이상없이 작동합니다. MaterialT mark3 스킨에서 수정없이 사용하실 수 있습니다. 티스토리 날짜를 이쁘게 표시하기를 먼저 적용해야합니다.티스토리 시간을 예쁘게 표시하기. 현재중심적 시간표시 . 적용하기 html의 위에 붙여넣으시면 됩니다. 주석이 달린 소스코드도 제공하니 수정하실분들은 수정해서 사용하세요./*loadNextPage script by 뭐하라 (http://nubiz.tistory.com/611)*/function loadNextPage(){var nextPageUr..