티스토리 카테고리 펼치는 방법

Posted by 다이하는남자
2017. 9. 5. 00:05 블로그/티스토리
반응형


티스토리 본문 화면 카테고리 펼치는 방법


티스토리를 하면 카테고리가 닫혀 있어 세부 내용을 확인 하기 어려울 수 있습니다. 방문한 사람들이 블로그에 정보에 대한 관심이 줄어들 것입니다. 하지만 카테고리를 펼치면 블로그에 어떤 내용들이 있는지 궁금증이 생겨 재방문을 유도 할 수 있기 때문입니다.


아래 블로그를 보면 오른쪽에 카테고리만 나오고 세부적인것은+ 표시로 마우스를 대야 열립니다.



티스토리 관리자 모드로 들어가서 HTML/CSS 메뉴를 클릭합니다. 컨트롤+F를 눌러 카테고리 위치를 찾습니다.



카테고리를 보면

정보 (33)
생활정보 (0)
DIY (2)
리뷰 (0)
블로그 (9)
프로그램 (22)
인터넷 (0)
로 나와 있는것을 찾을 수 있습니다.




이 코드를

로 변경하고 새로고침을 눌러보면 왼쪽 화면에 블로그 카테고리가 펼쳐진것을 볼 수 있습니다. 깔끔하긴 하지만 선들이 없어 정렬이 안된 느낌이 듭니다.



아래는 카테고리 코드를 입력해서 적용한 모습입니다. 선들이 나와 정렬된 느낌이 들고 블로그 느낌이 많이 듭니다.

아래 카테고리 코드는 파일을 받아서 복사해서 불여넣으면 됩니다.


카테고리 펼치기.txt




카테고리를 펼쳐서 방문자들이 많은 정보를 봤으면 좋겠습니다. 이상으로 티스토리 카테고리 펼치는 방법에 대해서 알아보았습니다.



반응형

티스토리 #1 스킨 카테고리 숫자 표시하는 방법

Posted by 다이하는남자
2017. 8. 28. 00:00 블로그/티스토리
반응형

티스토리 블로그를 운영하면 가장 기본적인 반응형 스킨 #1을 많이 사용합니다. #1 스킨은 불필요한 것들을 줄이고 모던한 느낌으로 깔끔하게 디자인한 것입니다. 


하지만 카테고리에 포스팅 수가 몇개 있는지는 표시 되지 않아 불편함이 있는데카테고리에 숫자를 표시하는 방법에 대해서 알아보겠습니다.



티스토리 #1 스킨 카테고리 숫자 표시하는 방법




#1 화면에서 카테고리를 클릭하면 목록만 나오고 숫자는 표시가 없는것을 알 수 있습니다.




관리자 모드로 들어가서 HTML/CSS 수정으로 들어갑니다.  CSS를 클릭하고 컨트롤+f를 눌러 .area_navi .list_ca 를 검색합니다.



찾은 코드 설명에서  " /* 코드 내용 */  " 표시를 입력합니다.




코드를 넣기 전에 카테고리 내용입니다.



코드를 넣고 새로고침을 하면 코드 수정 내용이 적용됩니다.



저장을 누루고 메인화면에 카테고리 화면에 숫자가 나온 것을 확인 할 수 있습니다.







반응형