본문 바로가기
티스토리

티스토리 블로그 최근글, 인기글 분리하기 (북클럽 스킨)

by 로니킴 2021. 4. 29.


최근 글/인기글을 분리할 수 있습니다. 북클럽 스킨의 사이드바에 최근 글/인기글을 표시할 수 있지만 탭으로 붙어 있어 가독성면에서 좋지 않습니다. 탭을 눌러야 하는 불편함도 있습니다. 따라서 html 스킨 편집을 이용해 간단하게 최근 글/인기글을 분리를 진행할 수 있습니다. 

 

목차

     


    티스토리 블로그 최근글, 인기글 분리하기 (북클럽 스킨)

     

    티스토리-블로그-최근글-인기글-분리하기-(북클럽-스킨)
    티스토리-블로그-최근글-인기글-분리하기-(북클럽-스킨)

     

     

     


    최근 글/인기글 사이드바에 추가하기

    사이드 메뉴에서  최근 글/인기글을 추가할 수 있습니다. 

     

    최근글-인기글-사이드바에-추가
    최근글-인기글-사이드바에-추가

     

    다음과 같이 최근글 , 인기글이 탭으로 붙어 있습니다. 

    탭으로-붙은-최근글-인기글
    탭으로-붙은-최근글-인기글

     

     


     

    스킨 편집

    최근글/인기글을 분리하기 위해서는 HTML 편집에서 코드를 추가해야 합니다. 

    (1) 꾸미기>스킨편집을 클릭합니다. 

    (2) html 편집을 클릭합니다

    (3) CTRL+F 를 눌러 최근 글/인기글을 입력하고 엔터를 치면 HTML 코드의 위치로 이동합니다. (예: 715 라인)

     

    최근글-인기글-코드찾기
    최근글-인기글-코드찾기

     


     

    HTML 분리 코드 적용하기

    최근글/인기글 사이에 </div><div class="post-list tab-ui">를 추가합니다. 다음의 733, 734 라인입니다. 

    새로고침을 클릭해서 제대로 분리가 되었는지 확인합니다. 

     

    최근글-인기글-코드분리
    최근글-인기글-코드분리

     

     

     


     

    마무리

     

    최근글/인기글 사이에 <div class="post-list tab-ui">를 추가함으로써 최근 글/인기글을 분리할 수 있습니다. 북클럽 스킨의 사이드바에 최근 글/인기글을 표시할 수 있지만 탭으로 붙어 있어 가독성면에서 좋지 않습니다. 탭을 눌러야 하는 불편함도 있습니다. 따라서 html 스킨 편집을 이용해 간단하게 최근 글/인기글을 분리를 진행하였습니다. 

     



    댓글