'2017/11'에 해당되는 글 15건

Section 26 - 티스토리 반응형 스킨 만들기 - [사이드바] 방문자수(카운터)

이번 섹션은 "방문자수(이하 카운터)" 사이드바 모듈을 만들도록 하겠습니다. 카운터 모듈을 끝으로 사이드바 모듈의 섹션은 모두 끝나기 때문에 조금만 더 힘을 내봅시다~ 카운터는 아시다시피 내 블로그에 방문했던 총 방문자 수, 어제 방문자 수, 오늘 현재까지 방문자 수를 나타내 주는 기능인데 우리는 사이드바 모듈로 만들어서 언제든지 사용/미사용으로 설정할 수 있게 만들겠습니다. ※ 이 카운터는 사이드바 모듈로 만들어도 되지만 블로그 아무곳에나 넣으셔도 상관없는 기능입니다. 그럼 바로 코드 들어갑니다~ STEP 1. skin.html 사이드바 카운터 모듈 코드 추가 COUNTER Total : Yesterday : | Today : : 총 방문자수 : 오늘 방문자수 : 어제 방문자수 ※ 카운터 티스토리 치환..

티스토리 스킨만들기/Tistory One | 2017. 11. 18. 15:23

Section 25 - 티스토리 반응형 스킨 만들기 - [사이드바] 링크

이번 섹션에서는 "링크"를 다뤄보겠습니다. 링크는 내가 추가한 블로그나 사이트를 내 블로그에 표시하는 기능으로 웹브라우저 북마크를 블로그에서 관리하고 접속한다고 생각하시면 됩니다. 또한 다른 티스토리 블로그에서 내 티스토리 블로그를 추가하면 누가 내 블로그를 링크 추가했는지도 확인이 가능하므로 모니터링이 가능한 장점이 있습니다. 제 개인적인 생각이지만 네이버에 서이추(서로 이웃 추가)가 있다면 티스토리 블로그에는 서링추(서로 링크 추가) 기능이 있는 거라고 보시면 되겠네요;;; 이런 링크 목록을 아무곳에나 출력하기보다는 내가 추가한 블로그나 사이트를 블로그 목록을 다소곳하게 보이게 하려면 글 본문보다는 사이드바에 위치하여 어느 페이지에서도 접근하기가 용이하게 만들기위하여 사이드바 모듈로 만들도록 하겠습니..

티스토리 스킨만들기/Tistory One | 2017. 11. 17. 17:53

Section 24 - 티스토리 반응형 스킨 만들기 - [사이드바] 태그 클라우드

이번 시간에도 어김없이 사이드바 모듈을 만듭니다.지난 섹션에서 태그 클라우드 페이지를 만들었는데 그 태그 클라우드를 사이드바에서 뺏다/넣었다 할 수 있게 사이드바 모듈로 만들어보겠습니다. ※ 참고 섹션 : 2017/10/31 - Section 15 - 티스토리 반응형 스킨 만들기 - 태그 클라우드 STEP 1. skin.html 사이드바 태그 클라우드 코드 추가 TAGS , : 태그가 반복해서 출력되는 영역 지정 : 개별 Tag 들에 관련된 글을 출력하기 위한 URL : Tag Cloud 의 크기나 색깔을 설정할 수 있도록 해줍니다. 총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다. cloud1 : 많이 사용한 태그의 클래스 cloud2 cloud3..

티스토리 스킨만들기/Tistory One | 2017. 11. 17. 01:44

Section 23 - 티스토리 반응형 스킨 만들기 - [사이드바] 달력

이번 시간에는 "사이드바 달력" 모듈입니다.제 경험상 티스토리 블로그에 달력을 노출하는 사람은 많이 못 봤지만 그래도 없는것보단 있는게 낫지 않을까 싶어서 달력도 만들어 보도록하겠습니다.달력은 그냥 우리가 일반적으로 날짜를 확인하는 용도로만 알고 있지만 티스토리 달력은 해당 날짜에 포스팅을 했다면 그 날짜에 글을 썼다는 마킹이 되어 있으므로 달력만 봐도 얼마나 블로그 주인이 글을 주기적으로 글을 잘 쓰고 있는지 한눈에 파악이 가능하겠금 도움을 주는 모듈이기도 합니다.(이번 달 제 달력은 많이 비어 보이겠네요 ㅋㅋㅋ)그럼 바로 코드를 확인해보겠습니다. STEP 1. skin.html 사이드바 달력 코드 추가 CALENDAR : 달력 출력합니다.(티스토리 태그 안에 어느곳에 써도 출력됩니다.) STEP 2...

티스토리 스킨만들기/Tistory One | 2017. 11. 16. 20:14

Section 22 - 티스토리 반응형 스킨 만들기 - [사이드바] 글 보관함

이번 섹션은 "사이드바 글 보관함" 입니다.글 보관함은 년/월별 글을 한눈에 볼 수 있게 해주는 기능입니다. 2017년11월에 몇개의 글이 남겨있는지? 2017년 10월에는 몇개에 글을 작성했는지 쉽게 알 수 있도록 목록형태로 출력해주는 사이드바 모듈입니다.지난 섹션에서 작업했던 것들과 큰 차이가 없으므로 바로 코드 작업 들어갑니다. STEP 1. skin.html 사이드바 글 보관함 코드 추가 ARCHIVE () : 월별 글 보관함을 반복 출력영역 지정 : 각 월별 보관함으로 이동할 주소 : 년과 월을출력 : 각 월별에 속한 글의 갯수 STEP 2. 사이드바에 글 보관함 모듈 추가블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정 "글 보관함 모듈"을 사이드바2에 추가"변경사항 저장" 버튼을 클릭하여 저..

티스토리 스킨만들기/Tistory One | 2017. 11. 16. 00:15

Section 21 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근 댓글

이번 섹션은 "사이드바 최근 댓글 목록"을 만들도록 하겠습니다.치환자만 다를뿐 구조는 지난 2017/11/13 - Section 20 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근글 에서 작업한 구조와 똑같습니다. STEP 1. skin.html 사이드바 최근 댓글 목록 코드 추가 RECENT COMMENT : 댓글을 반복 출력하는 영역 지정 : 댓글로 이동할 주소 : 댓글의 본문 일부 : 댓글을 쓴 사람 이름 : 댓글을 쓴 시간 STEP 2. 사이드바에 최근 댓글 모듈 추가 블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정 "최근에 달릿 댓글 목록" 코드를 넣으면 사이드바 메뉴에서 모듈 확인이 가능합니다. 모듈을 사이드바2 -> 최근에 올라온 글(최근글) 모듈 아래에 추가합니다.(순서는 상관없습..

티스토리 스킨만들기/Tistory One | 2017. 11. 15. 21:26

SyntaxHighlighter 테마 변경

이전 SyntaxHighlighter 관련 적용 & 사용법을 모두 숙지하였다면 이번에는 SyntaxHighlighter의 Theme Style 종류와 변경 방법에 대해 알아보도록 하겠습니다.혹시 적용법 및 사용법을 아직 모르시면 아래의 포스트를 참고하세요.2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 적용하기2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 사용하기 SyntaxHighlighter Theme는 무엇인가?SyntaxHighlighter 배경과 코드 색상을 하나의 파일로 만들어 CSS만 교체하면 쉽게 바꿀 수 있게 도와주는 파일입니다.SyntaxHighlighter는 언어별 코드를 예쁘게 보여주는 것인데 이왕이면 내가 자주쓰거나 해당 언어의 ..

티스토리 스킨만들기/TIP | 2017. 11. 15. 06:25

티스토리 블로그에 Syntaxhighlighter 사용하기

지난 포스트에서는 Syntaxhighlighter 적용법을 다뤘다면 이번 포스트에서는 사용하는 방법에 대해 다루겠습니다.Syntaxhighlighter 적용을 아직 하지 않았다면 지난 포스트인 2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 적용하기 를 참고하여 먼저 적용하시기 바랍니다. SyntaxHighlighter 가 지원하는 Syntax Brush 목록※ 보다 상세한 내용 확인은 http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ 에서 확인하시면 됩니다. Brush name Brush aliases File name ActionScript3 as3, actionscript3 shBrushAS3.js Bash/shell..

티스토리 스킨만들기/TIP | 2017. 11. 14. 22:53

티스토리 블로그에 Syntaxhighlighter 적용하기

복잡한소스나 긴 소스라면 내가 짜둔 코드라도 보기가 힘들때가 많다. 심지어 다른 사람에게 소스를 쉽게 설명해야하는데 하얀여백에 검은 코드들이 빽빽하게만 쓰여있다면?설명하는 사람이나 설명을 듣는 사람 또는 시간이 지나 직접 짠 소스를 다시봐도 멘붕이 찾아올것이다.시간이 지나면 어차피 소스를 기억하기도 힘들지만 이왕이면 알아보기 쉽고 예쁘게 보인다면 정말 좋을것이기 때문에 내 소스를 알아보기 쉽고 예쁘게 보여주게 도와주는 Syntaxhighlighhter를 적용하는 방법을 알아보자. 이 포스트는 어차피 티스토리 블로그에서 작성하는 것이므로 티스토리에 적용하는 방법을 기준으로 설명하겠습니다. 그럼 시작~(빠른 포스팅을 위하여 이하 경어 생략) STEP 1. 우선 Syntaxhighlighter 다운로드http..

티스토리 스킨만들기/TIP | 2017. 11. 14. 00:35

Section 20 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근글

이번섹션은 "사이드바 최근글 목록"을 만들도록 하겠습니다.최근글 목록은 말 그대로 최근에 올라온 글 목록을 모듈형태로 노출/비노출 시킬 수 있는 사이드바 요소입니다. 사이드바 요소들의 코드는 간단하기 때문에 코드와 치환자만 살펴보는 것만으로도 얼마든지 응용이 가능하기때문에 바로 작업들어갑니다. STEP 1. skin.html 사이드바 최근글 목록 코드 추가 ... 공지사항 사이드바 코드 생략 ... RECENT POST : 최근에 올라온 글을 반복 출력하는 영역 지정 : 최근글로 이동할 주소 : 최근글의 제목 : 최근글에 달린 댓글 갯수 : 작성자 이름 STEP 2. 사이드바에 최근글 모듈 추가 블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정"최근에 올라온 글 목록" 코드를 넣으면 사이드바 메뉴에서 모..

티스토리 스킨만들기/Tistory One | 2017. 11. 13. 14:51