본문 바로가기
TIP&정보/컴퓨터 관련

티스토리 카테고리 자동 펼치기

by ^. 2014. 9. 12.

     

반응형

티스토리를 블로그를 만들다 보면 유용한 팁들이 있다.
그 중에 하나인 카테고리가 자동으로 펼치기 기능을 알아보자.

 

 

 

 

오른쪽이나 왼쪽에 보통 메뉴라고 할 수 있는 카테고리(분류 전체보기)를 확인 할 수 있다.
기본적으로 카테고리 항목들은 마우스로 클릭을 해 줘야 세부적인 항목들을 확인 할 수 있다.

검색으로 하나의 글만 보려면 문제가 없지만 분류된 글들을 따로 보려면 좀 사용자가 한두번 더 마우스 클릭을 해야 하는 번거러움이 있다.

그래서 카테고리를 자동 펼쳐지기는 아주 편리하다.

아래는 카테고리 자동 펼치기 기능이 적용된 모습이다.

 

 

 

아래의 1줄만 body 안의 카테고리 항목쪽에 써 주면 된다.

 

 

1. 티스토리 블로그 관리자 모드로 로그인을 한 뒤, [꾸미기]-[HTML/CSS 편집] 메뉴로 들어간다.

 

 

 

2. 바로 옆의 skin.html 항목에서 카테고리 메뉴를 검색한다.
    #_category   로 한번 검색을 하면 될 것이다. 아니면 화면 보기가 어려우므로 메모장이나 텍스트에디터로 내용을 복사해 검색한다.

 

 

3. s_sidebar_element 항목 안에 #_category 어쩌고 있으면 이게 카테고리 메뉴이다.
    div 태그 아래쪽에 빨간색 화살표한 자바스크립트 항목을 1줄을 써 주면 된다.

    아래 내용 파일이 있으니 다운로드 해서 복사하면 될 것이다.

tistory_category.txt
다운로드


 

 

    <s_sidebar_element>
    <!-- 카테고리 모듈 -->
     <div id="category">
      <h3>카테고리</h3>
      
분류 전체보기
컴퓨터 문제해결
TIP&정보
소프트웨어(SW)
기업 무료 소프트웨어
개인 무료 소프트웨어
셰어웨어(shareware&trial)
세미나&행사
이슈(ISSUE)
자격증
잡소리

     </div>
     
<!-- 카테고리 펼침 시작 -->

 

<SCRIPT language=JavaScript>trycatch(e){}</SCRIPT>

 

<!-- 카테고리 펼침 끝-->

    </s_sidebar_element>

 

 

4. 그리고 티스토리 관리자 스킨 화면 아래쪽에 저장을 해 주면 끝!

 

 

티스토리 카테고리 펼치기 참 쉽죠잉~

반응형

댓글