'티스토리 메뉴 펼쳐놓기'에 해당되는 글 1건

  1. 2010.06.03 블로그 방문자 모으기 팁 - 티스토리 블로그 하위 카테고리(메뉴) 항상 펼쳐놓기 4
2010. 6. 3. 08:44

블로그 방문자 모으기 팁 - 티스토리 블로그 하위 카테고리(메뉴) 항상 펼쳐놓기

티스토리에 글을 쓰고 잘 써졌는지 확인하려고 보면, 카테고리가 접혀 있어서 찾아보기가 힘듭니다. 애써서 만든 글이 하위 카테고리가 보이지 않아 읽혀지지 않는 경우가 있다면 너무 억울하겠죠? 방문자들이 좀 더 많은 글을 볼 수 있도록 하위 카테고리를 항상 펴놓는 방법에 대해 알아보겠습니다. 

티스토리 블로그 하위 카테고리 (메뉴) 항상 펼쳐놓는 방법


티스토리에서는 카테고리 생성 기능만 있을 뿐, 하위 카테고리를 보여주지 않고 있습니다. 아래 그림처럼 카테고리가 모두 접혀있으면 방문자가 일일이 카테고리를 펼쳐 보아야 하는데, 그렇게 되면 더 많을 글을 보는데 방해가 될거 같습니다.

아래 그림처럼 카테고리가 항상 펼쳐 놓아져 있다면 내 블로그의 특성도 잘 파악되고 방문자가 보고 싶은 글을 찾아 보기도 쉬워질 것 같아 카테고리를 항상 펼쳐 놓도록 설정을 바꿔보겠습니다.



1. 티스토리 관리자에서 작업할 곳 찾기

우선, 티스토리 내 블로그의 "Admin" 또는 "관리자"를 클릭한 후, 상단 메뉴 중 "스킨"에 마우스를 올려 놓습니다. 그러면 아래 그림과 같이 하위 메뉴가 나오고, 하위 메뉴 중 "HTML/CSS편집"을 클릭합니다.


"HTML/CSS편집"을 클릭하면 전체 화면이 바뀌게 됩니다. 바뀐 화면에서 아래로 스크롤을 내려보면 내 블로그의 HTML과 CSS를 편집하는 곳이 보입니다. (아래 그림 참조)



2. 순서에 따라 스크립트 소스 붙여 넣기

편집하는 곳 중 "skin.html" 편집 창에서 작업을 하시면 됩니다.
작업하는 방법과 순서는 아주 간단합니다. 아래 그림을 보시면서 따라하세요.


            1. skin.html 창에서 작업을 한다.
            2. "Ctrl+F"를 눌러 "카테고리 모듈"을 찾는다.
            3. 아래 그림에서 빨간색 3번의 위치에 스크립트 소스를 붙여 넣기 한다.
               화면 하단의 "미리보기"를 클릭해 확인 후 "저장"한다.

            ※ 붙여 넣기할 스크립트 소스 :
              
<script language="JavaScript">try{expandTree();}catch(e){}</script>



그림이 크게 보이지 않는 분들은 위 그림을 클릭하시면 더 큰 이미지로 보실 수 있습니다.
혹시 안보이시는 분이 계신다면 위 그림의 2번과 3번 정리한 것을 아래에 적어 놓겠습니다. 
붙여넣기할 스크립트 소스는 빨간색 소스입니다.

  <!--카테고리 모듈-->
     <div class="category">
         <h3>Category</h3>                ------- 스킨에 따라 "Category" 대신 다른 명칭이 보일 수 있음
     </div>

  <script language="JavaScript">try{expandTree();}catch(e){}</script>

   </s_sidebar _element>


이렇게 만들고 보니 카테고리 보기가 훨씬 쉬워졌습니다. 아직 글이 없어서 더 빈약해 보이긴 하지만, 그래도 제 블로그가 뭘하려는 건지는 금방 파악이 되서 더 좋은거 같습니다.



| 주의사항 : 스크립트 소스를 복사/붙여넣기 한 후,
                   
저장하기 전에 반드시 "미리보기"를 해보시기 바랍니다.