티스토리 상단에 페이지 리스트 첨가하기

 

 

제 티스토리 블로그에 skin 시트 일부분입니다.

(관리자-꾸미기-html/css 편집- skin.html 부분)

본문 영역 그러니깐 content 파트가 끝나고 sidebar파트로 넘어가는 부분에 보면

paging 이라는 부분이 보일겁니다. 그 부분이 화면 맨 아래 나오는 페이지 리스트 부분입니다.

 

control + f 로 paging 검색하시면 빠릅니다

 

딱 저 부분을 복사하신 다음에 본문 영역이 시작하는 부분으로 가서 붙여넣기를 해주시면 됩니다.

---

<s_paging>
    <div id="paging">
     <a class="" id="prevPage">이전</a>
     <span class="numbox">
      <s_paging_rep>
      <a class="num"> </a>
      </s_paging_rep>
     </span>
     <a class="" id="nextPage">다음</a>
    </div>
   </s_paging>

 

  </div><!-- content close -->
  <hr />

  <div id="sidebar">
   <s_sidebar>
    <!-- 기본 사이드바 -->
    <s_sidebar_element>
     <!-- 블로그 이미지 모듈 -->
     <div id="blogImage"><img src="https://t1.daumcdn.net/cfile/tistory/1270D5364C75E6661A" alt="블로그 이미지" /></div>
    </s_sidebar_element>

    <s_sidebar_element>
     <!-- 블로그 설명 모듈 -->
     <div id="blogDesc">파닥파닥 <span

 

---

 

 

제 블로그를 예를 들자면

 

---

 

<div id="content">   <- 블로그 content 영역이 시작하는 부분

 

<s_paging>
    <div id="paging">
     <a class="" id="prevPage">이전</a>
     <span class="numbox">
      <s_paging_rep>
      <a class="num"> </a>
      </s_paging_rep>
     </span>
     <a class="" id="nextPage">다음</a>
    </div>
   </s_paging>

   

<s_list>    <- '전체'에 해당되는 글 29건 이런식으로 표시되는 부분의 태그

 

    <div id="searchList" class="nonEntry">
     <h3>''에 해당되는 글 건</h3>
     <ol>
      <s_list_rep>
       <li>
        <span class="date"></span>
        <a href=""></a>
        <span class="cnt"></span>
       </li>
      </s_list_rep>
     </ol>
    </div>
   </s_list>

 

---

 

저 위에 페이징 태그를 위와 같이 붙여넣으면 됩니다.

 

그럼 이런식으로 마무리가 됩니다.