티스토리 블로그 카테고리 펼치기

티스토리 블로그 카테고리 펼치기

안녕하세요.

블로그를 운영하다 보면 어쩔 수 없이 

html 코드나 css 코드를 수정해야 할 상황이 생깁니다.

물론 그런 경우가 없는 분들도 있겠지만.

설치형 블로그를 운영함에 있어서 html 소스 공부는 어느정도 필요합니다.

설치형 블로그란 티스토리를 말합니다.

저도 처음부터 이런걸 알고 있었던 건 아니겠죠?

저는 14살 부터 html 소스코드를 공부해서

나름 친숙한 면도 있습니다.

티스토리 블로그를 운영하다보면 바꾸고 싶은 부분이 있을 텐데요

플러그인 이나 여러 기능들로도 할 수 없는 부분들이 있습니다.

그중에서 이번에는 카테고리 펼치는 방법을 알아보겠습니다.

티스토리의 반응형이 아닌 기본형 스킨에서

사이드 바를 보시면 위의 그림 처럼 메뉴 모양이 있고,

플러스(+) 모양이 있는 메뉴가 있습니다.

이것은 하위 메뉴가 있다는 뜻인데

마우스로 직접 클릭을 해서 보지 않는 이상

그 아래의 메뉴가 무엇이 있는지는 볼 수가 없습니다.

보통 일반 방문자 같은 경우에는

거의 클릭을 해서 메뉴를 펼치지 않습니다.

왜냐하면 내가 볼 것만 보고 다른곳으로 이동하면 끝이거든요.

하지만 블로그를 운영하는 사람 입장에서는

내 블로그의 컨텐츠를 하나라도 더 사용자에게 보여주고 싶을 겁니다.

저 또한 제글을 다른 사람들이 많이 읽어줬으면 하는 바램이 있습니다.

누구나 다 똑같죠?^^

그럼 저 플러스(+) 모양을

누르지 않고도

평상시에도 자동으로 펼쳐져 있는 모양을 만들어 보도록 하겠습니다.

바로 위와 같은 모양이죠!

자 그럼 따라오세요.

Step1. 티스토리 관리자 모드 접속

html/css편집 메뉴를 클릭합니다.

Step2. HTML 탭에서 검색

위와 같은 HTML 탭이 나오며 

우리는 카테고리 소스코드가 어디에 있는지 찾아야 합니다.

html 칸 위에서 Ctrl + F 키를 누르고

category 를 입력하고 엔터를 쳐서 메뉴를 찾습니다.

Step3. 소스코드 입력하기

자 이렇게 찾기가 완료되었습니다.

그럼

분류전체 (151) 실시간 이슈뉴스 (12) 애드센스(Adsense) (15) 1.초급단계 (4) 구글 애널리틱스(Google anal.. (2) 블로그(About Blog) (38) 블로그(Blog) (34) 블로그로 수익내기 (4) 앱,유틸리티(Utility) (6) IT & Mobile (6)

에서 엔터키를 눌러 

공간을 확보해주고 아래와 같은 소스를 입력합니다.

<!--카테고리 항상 펼치기 시작-->

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

<!--카테고리 항상 펼치기 끝 -->

자 이렇게 하면 모든것이 완료가 됩니다.

블로그 화면으로 돌아가서 카테고리가 펼쳐져 있나 확인 해 봅시다.

어때요 참 쉽죠?

도움이 되셨다면 공감 ♡ 버튼 과 페북 좋아요 클릭 부탁드려요^ㅡ^

볼만한글

- 티스토리 블로그 공감버튼 없애기

- 티스토리 네이버 검색 누락 체크 프로그램

- 티스토리 블로그 API(MS Live Writer)사용

- 움직이는GIF,움짤 만들기 프로그램

- 티스토리 네이버검색 최적화