카테고리와 최근글과 인기글 위치변경과 보이는 순서를 바꾸는 방법

카테고리와 최근글과 인기글 위치변경과 보이는 순서를 바꾸는 방법

자신의 블로그로 이동후 

Q를 눌러 관리로 들어갑니다.

 

먼저 저는 카테고리와 인기글 위치 변경 하는 방법입니다.

사이드바 클릭

먼저, 사이드바를 눌러 줍니다.

취향에따라

오른쪽에 보시면 최근글 인기글 카테고리 보이시는데요

왼쪽 줄 네 개를 꾹 잡은 상태에서 위아래로 

움직여 주시면 이동이 됩니다. 

취향에 맞게 하시면 됩니다. 

차이점 아시겠죠? 인기글 최근글 위치도 바껴있고 지금 제 블로그는 인기글이 카테고리 위에 있습니다.

 카테고리 위에 인기글을 배치해 봤습니다. 

취향에 맞게 설정 하심 될 거 같습니다.

 

그럼 이제 최근글 인기글의 순서를 바꾸고 

이름도 저처럼 바꾸는 방법을 설명

드리겠습니다

스킨편집

그리고 꾸미기에서 스킨편집을 눌러 줍니다.

편집

html편집을 눌러 줍니다. 

인기로 검색을 해주시면 위와 같은 검색결과가 나옵니다.

최근글/인기글 이 부분 바꿔 줄 겁니다.

우리가 알아야 할 곳

                  <div id="popular" class="tab-list">

                    <h2>인기글</h2>

                    <ul>

                      <s_rctps_popular_rep>

                        <li>

                          <a href="">

                            <s_rctps_rep_thumbnail>

                              <img src="//i1.daumcdn.net/thumb/C58x58/?fname=" alt="" />

                            </s_rctps_rep_thumbnail>

                            <span class="title"></span>

                            <span class="date"></span>

                          </a>

                        </li>

                      </s_rctps_popular_rep>

                    </ul>

                  </div>

                 

                    <div id="recent" class="tab-list">

                       <h2>최근글</h2>

                    <ul>

                      <s_rctps_rep>

                        <li>

                          <a href="">

                            <s_rctps_rep_thumbnail>

                              <img src="//i1.daumcdn.net/thumb/C58x58/?fname=" alt="" />

                            </s_rctps_rep_thumbnail>

                            <span class="title"></span>

                            <span class="date"></span>

                          </a>

                        </li>

                      </s_rctps_rep>

<div부터 </s_rctps_rep> 까지랑 요렇게 두 개를 바꿔 주면 됩니다.

거기다가 저는 

두 개를 이름까지 바꿨습니다.

그렇게 하시면 두 번째 사진처럼 보입니다

 

이렇게 하시면 오늘 제가 알려 드릴 팁은 

끝입니다 

 

오늘도 따라오시느라 수고하셨습니다

 

 

티스토리 마우스 포인트 이펙트 적용

다른 팁으로 하트 뿅뿅 이펙트 적용 하는 방법도 있습니다