티스토리 최신글(최근에 올라온 글) 본문에 추가하기

티스토리 블로그 본문 하단에 보시면 [카테고리의 다른 글]만 있고, 최신글(최근에 올라온 글)은 없습니다.

데스크탑(PC)버전에서는 사이드바 영역에서 최근에 올라온 글을 볼 수 있지만, 모바일버전에서는 최근에 올라온 글을 볼 수가 없습니다.

모바일에서도 최근글을 볼수 있다면 방문자의 블로그 체류시간을 더 늘릴수 있지 않을까요?

PC 버전에서도 사이드바까지 안내리고도 본문 하단에서 최근글을 볼 수 있다면 블로그 방문객이 다른글 클릭율을 더 늘릴 수 있지 않을까요?

그래서~~ 최근글을 카테고리의 다른글 바로 아래에 보여지도록 만들어봤습니다.

방법을 알려드리기 이전에.. 지금 현재 상태는 어떤지 보겠습니다. 티스토리 반응형 스킨 #1에서 원래는 아래처럼 보여집니다.

맨 아래까지 내리지 않으면, 카테고리의 다른글 보고 관심없으면 바로 블로그에서 나가겠죠?

모바일에서는 더 심한것이 사이드바가 나오지 않으니, 최근글은 아예 보이지가 않습니다.

불평 불만 그만 말하고 최근글 보이게 해봅시다.

설치 방법은 간단하게 하기 위해서 jQuery ajax로 만들었습니다.

1. 아래처럼 [관리] -> [HTML/CSS 편집] 클릭합니다.

2. 아래 코드를 스크린샷처럼 </head>앞에 삽입합니다.

<script type="text/javascript">
  $(function(){
      $.ajax({
        url : '/rss',
        dataType : 'xml',
        success : function(data){
          var htmlnewarticle = '<div class="another_category another_category_color_gray" style="margin-top:30px;"><h4 style="color:#3db39e !important;font-weight:bold">최근에 올라온 글</h4><table>';
          var zz = 1;
          var isizenewarticle = 10; // 최근글 출력할 갯수
          $('item', data).each(function(){
            htmlnewarticle += '<tr><th><a href="' + $("link", this).text() + '">' + $("title", this).text() + '</a></th></tr>';
            if(zz==isizenewarticle){return false;}
            zz++;
          });
          htmlnewarticle += '</table></div>';
          $(".tt_article_useless_p_margin").after(htmlnewarticle);
        }
      });
  });
</script>

더 할게 있냐구요? 아뇨~~~ 끝났습니다. 아~~주 쉽죠? ^^

그러면, 아래처럼 최근에 올라온 글이 나타납니다.

모바일에서는 아래처럼 나옵니다.

추가) 모바일 화면에서 카테고리의 다른글과 최근글이 5개밖에 안나오죠? css에 table height의 최대높이를 픽스해놔서 그런데요.

아래처럼 CSS탭에서 max-height:145px;를 CTRL+F로 찾기해서 삭제해주세요.

그러면, 모바일에서도 10개씩 출력됩니다.

그리고, rss 공개설정과 갯수설정을 해야하는데요.

저 위 코드에서 수정없이 사용했다면 10개를 출력해야 하기 때문에 rss갯수를 10개 이상으로 설정하셔야 합니다.

공개글, 발행글 중에 본인이 원하는 글을 체크하시고, 전체공개를 체크하세요. 갯수는 코드에서 지정한 갯수 이상으로 설정하시면 됩니다.

그런데, 아직 더 하고 싶은게 있어요..인기글을 나타나게 하고 싶은데, 아무리 찾아도 치환자도 없고, 다음뷰는 서비스가 종료되었고 ..에휴 ㅜㅜ

모바일 웹스킨 ON을 하면, 모바일에서 인기글을 볼 수 있던데...그러면 뭔가 방법이라도 알려주던가, 치환자를 만들어 주던가..

이 글 올리고 나서 티스토리 고객센터에 인기글 추가하는 방법에 대한 문의글 100개 보내고 싶으나, 1개라도 보내고 자야겠습니다.

그럼 여기서 뜬금없이 좋은 하루 되세요~~ ^^

추가) 말은 다짜고짜 항의할것처럼 그러더니 비굴하네요~~ㅠㅠ