본문 바로가기

티스토리

티스토리 글을 최근 작성 글로 끌어올리기 블로그 서비스들은 특성상 시간 순서에 따라 글이 표시되는 것이 기본입니다.티스토리도 마찬가지로 시간순서에 따라 최신글이 표시되는 것이 기본이고 글의 정렬 기능은 지원을 하지 않습니다.다만, 작성하던 글이 최근 글들에 밀려서 막상 글 작성을 완료하고 퍼블릭으로 했을 경우 글이 뒤로 밀려서 최근글 목록에 표시되지 않는 문제를 해결하기 위해 작성한 글을 가장 최신글로 변경할 수 있는 기능을 제공합니다.티스토리 에디터에서 작성중인 글 우측 상단의 기능 버튼..
티스토리 날짜 표시 형식 자동 바꾸기 구현 티스토리의 기본 날짜 표시 형식은2019.01.01 12:60으로 표시되는게 기본입니다."시간:분" 까지 표시되기 때문에 가끔 글을 올리는 블로거들에게는 불필요한 부분입니다.목록이나 썸네일에는 더 필요가 없습니다.내가 새벽 3시에 글을 올린걸 알릴 필요까지는 없으니까...자바스크립트를 이용해 "시간:분" 을 잘라서 버려주는 소스들이 있는데치환자별로 각각 적용을 해야해서 전체 블로그에 적용하기에는 손이 많이 갑니다.블로그 소스도 지저분해지고...치환자..
반응형 포토갤러리 티스토리 스킨1 배포합니다. 메이슨리 자바스크립트 라이브러리로 제작한 포토갤러리 티스토리 스킨입니다. 웹브라우저 너비에 따라 1행에 표시되는 썸네일의 갯수가 자동 조정됩니다. 행당 표시되는 썸네일 갯수가 변하는데 따라 애니메이션이 되면서 레이아웃이 조정됩니다. 썸네일 이미지 크기는 300px x 300px 로 고정입니다. 글 제목과 내용 미리보기는 이미지에 마우스 커서를 가져가면 자동으로 표시됩니다. 모바일 화면에서는 화면을 스크롤하는데 따라 현재 표시되는 썸네일의 제목과..
반응형 그리드 1단 레이아웃 티스토리 스킨 배포합니다. 단정하고 심플한 사진 중심 블로그를 위한 반응형 스킨입니다. 컬러 사용을 최대한 배제했고, 사이드바 메뉴와 검색 기능을 히든으로 감춰서 최대한 심플한 느낌을 낼 수 있도록 했습니다. 메인 썸네일 목록의 그림자 효과를 빼려면  CSS파일(style.css)의 264, 265, 266 행을 삭제하면 됩니다. 사이드바 모듈 갯수는 4개단위(4개, 8개, 12개)로 표시가 되도록 하는 것을 추천합니다. 레이아웃 구조상 브라우저 크기가 줄어드는데..
다운로드 받은 티스토리 스킨 내 블로그에 적용하기 티스토리에서 기본 제공하는 스킨을 제외한 나머지 개인이 만들어서 배포하는 스킨들은  사용자가 직접 설치, 또는 설정을 해야 사용할 수 있습니다. 티스토리 스킨 구조 자체가 아주 간단하기 때문에 아래 순서에 따라 적용을 하면 바로 스킨을 적용해 사용할 수 있습니다. 티스토리에서 기본 제공하는 스킨을 커스터마이징 했거나, 개인이 배포한 스킨을 다운받아 수정해서 다시 적용하는 경우에도 동일합니다. 1. 스킨을 다운받아 압축을 풉니다...
반응형 그리드3 빈티지 티스토리 스킨 배포합니다. 빈티지 느낌을 살려 약간 올드하게 보이도록 만든 반응형 그리드 스킨입니다. 목록 프리뷰 이미지를 1:1 정사각형으로 변경하시려면  skin.html 파일을 연 후 "C600x400" 문자열을 검색한 후 "C600x600" 으로 변경하면 됩니다. 이미지 해상도가 높아 모바일 환경 등에서 로딩 딜레이가 발생하는게 부담스러운  경우 위 문자열을 "C400x400" 이나 "C300x300", "C300x200" 과 같이 썸네일 크기를 ..
반응형 그리드2 초코 티스토리 스킨 배포합니다. 가을 분위기가 나는 초코색 컬러톤으로 만든 그리드형 스킨입니다. 박스형이나 포토갤러리형 블로그에 잘 맞도록 만들어졌습니다. 모바일 대응 잘 됩니다. 브라우저 너비 변경에 따라 목록 박스와 이미지 크기가 자동으로 조절됩니다. 브라우저 너비가 둘어들면 한줄에 표시되는 박스 갯수가 2개 1개로 차례로 줄어듭니다. 메인 목록의 미리보기 갯수는 6의 배수를 추천합니다.(6개, 12개 18개...) 스킨 미리보기 * 미리보기시 브라우저 창 ..
티스토리 블로그를 검색엔진에 노출되지 않게 하기 개인적인 기록을 남기거나 외부에 노출되기를 원하지 않는 은밀한? 티스토리 블로그를 운영하고자 하는 경우 검색엔진이 블로그의 내용을 긁어가는 것을 차단해야 합니다. 보통 호스팅을 하게 되면 rotots.txt 파일을 통해 검색 로봇의 접근을 제어하지만 티스토리는 루트 폴더에 파일 업로드를 할 수 없기 때문에 스킨 HTML 에 접근 차단 설정을 해주어야 합니다. 스킨 편집기 화면을 연 후(블로그 관리자 > 왼쪽 메뉴에서 스킨편집 클릭 > 오..
반응형 1단 블랙나이트 스킨 배포 별이 빛나는 밤하늘을 주제로 만든 어두운 느낌의 블로그 느낌에 잘 어울리는 블랙 나이트 스킨입니다. 반응형 스킨이고 모바일 대응 잘 됩니다. 컨텐츠 너비는 800px입니다. -------------------------------------1.0.4 Patch - 모바일 화면에서 스크롤시 상단 카테로리명 표시 고정 타이틀바 배경색이 맞지 않던 부분이 패치되었습니다.1.0.3 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다. 1..
반응형 심플 블랙 사이드바 스킨 배포 고정 사이드바 형태의 심플한 반응형 스킨입니다. 단색조의 심플하고 좁은 레이아웃에서도 보기 좋은 스킨입니다. 전체적으로 글자 크기를 표준 크기에 비해 조금씩 작게 조정을 해서 조금더 많은 내용이 표시될 수 있도록 했습니다. 모바일 대응 잘 됩니다. CSS를 변경할 줄 아는 경우 사이드바 배경색을 변경하거나 배경 이미지를 넣으려면 CSS(style.css) 파일 65라인의 ".wrap_sub" 클래스 배경색을 변경하거나, 배경 이미지..