Barista7

티스토리 블로그를 시작하면서 처음에는 티스토리에서 제공되는 무료 스킨을 사용했다. 그러다 FastBoot 1.6.2 버전 스킨을 접하면서 FastBoot 스킨으로 변경하였고, 지금까지 사용중이다.

티스토리 시스템은 조금씩 변화가 있는데, FastBoot 스킨의 발전적인 변화는 없다. 그저 블로거들이 직접 오류를 수정하고, 포스팅한 글에 의존하면서 하루하루 조금씩 스킨을 수정하고 있는 실정이다.

티스토리 블로그가 어떤구조로 되어있는지 어떤 파일들이 있는지 모른채 시작했었다. 오류를 하나씩 수정하면서 어떤파일이 있는지 알게 되었고, html, css, js에 사용된 코드를 공부해야겠다는 생각이 들었다.

그래서 티스토리 블로그의 기본인 파일 구조부터 시작해서 티스토리 치환자에 대해 하나씩 알아보고 정리해보았다.

 

 

 

▶ 티스토리 스킨(사이드바 치환자)
1. 카테고리
2. 랜덤태그
3. 방문자수
4. 검색

 

 

 

 

 

 

 

 

 

 

 

 

티스토리 스킨 - 사이드바 치환자(카테고리, 랜덤태그, 방문자수, 검색)

 

 

 

 

▷ 티스토리 블로그 robots.txt 확인 및 분석 : https://barista7.tistory.com/1150
▷ 티스토리 스킨 가이드 : https://tistory.github.io/document-tistory-skin/
▷ 티스토리 스킨 - 파일 구조, 스킨 정보 파일, 치환자 구조 : https://barista7.tistory.com/1159
▷ 티스토리 스킨 - 공통 치환자(공통, 홈 커버, 스킨 옵션) : https://barista7.tistory.com/1162
▷ 티스토리 스킨 - 컨텐츠 치환자(태그 클라우드, 방명록) : https://barista7.tistory.com/1179
▷ 티스토리 스킨 - 글 치환자(댓글, 공지사항, 보호글, 페이지) : https://barista7.tistory.com/1192
▷ 티스토리 스킨 - 글 치환자(구조, 최근공지, 최근글, 인기글, 댓글) : https://barista7.tistory.com/1203
▷ 티스토리 스킨 - 글 치환자(카테고리, 랜덤태그, 방문자수, 검색) : https://barista7.tistory.com/1237

 

=

 

 

 

 

 

 

 

 

 

 

 

 

 

사이드바 치환자(카테고리)

 

 

▶ 카테고리

 

분류 전체보기 (7068)
영화 (1766)
도움이 되는 정보 (589)
재테크 (4052)
B7 일상 (353)
B7 블로그 (105)
학습방 (186)
: 폴더 형식의 카테고리 : 리스트 형식의 카테고리

 

<s_sidebar_element>
  <!-- 카테고리 -->
  <div class="category">
    <h3>카테고리</h3>
    
분류 전체보기 (7068)
영화 (1766)
도움이 되는 정보 (589)
재테크 (4052)
B7 일상 (353)
B7 블로그 (105)
학습방 (186)
</div> <div class="category"> <h3>카테고리</h3> </div> </s_sidebar_element>

 

 

 

 

 

 

 

 

사이드바 치환자(랜덤태그)

 

 

▶ 랜덤태그

 

<s_random_tags>: 태그를 반복 출력합니다
: 태그에 해당되는 주소
: Tag Cloud 의 크기나 색깔을 설정
(총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다.
이 기능을 가지고 style 을 조정하시여 원하시는 스타일의 Tag Cloud 를 만드실 수 있습니다)
: 태그의 이름

 

<s_sidebar_element>
  <!-- 태그 클라우드 -->
  <div class="tagbox">
    <h3>태그목록</h3>
    <ul>
      <s_random_tags>
        <li>
          <a href="" class=""> </a>
        </li>
      </s_random_tags>
    </ul>
  </div>
</s_sidebar_element>

 

=

 

 

 

 

 

 

 

 

 

 

 

 

 

사이드바 치환자(방문자수)

 

 

▶ 방문자수

 

: 총 방문자수
: 오늘 방문자수
: 어제 방문자수

 

<s_sidebar_element>
  <!-- 방문자수 -->
  <div class="counter">
    <span class="total">Total :  </span>
    <span class="today">Today : </span>
    <span class="yesterday">Yesterday : </span>
  </div>
</s_sidebar_element>

 

 

 

 

 

 

사이드바 치환자(검색)

 

 

▶ 검색

 

<s_search>: 검색 입력폼을 출력할 영역입니다
: 검색어 입력 박스 이름
: 검색어
: 검색 온클릭 이벤트

 

<s_sidebar_element>
  <!-- 검색 -->
  <div class="search">
    <s_search>
      <input type="text" name="" value="" onkeypress="if (event.keyCode == 13) {  }"
      />
      <input value="검색" type="button" onclick="" class="submit" />
    </s_search>
  </div>
</s_sidebar_element>

 

 

 

[ 사진 출처 ] 티스토리 가이드 캡쳐

 

 

 

 

 

 

 

지금까지 티스토리 스킨 사이드바 치환자(카테고리, 랜덤태그, 방문자수, 검색)에 대해 알아보았다.

 

 

 

 

도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요! 

 

 

 

 

 

 

 

 

반응형








공유하기

facebook twitter kakaoTalk kakaostory naver band