오늘 소개해드릴 스크립트는 삭제된 게시글에서 다른 게시글을 추천하는 방법입니다.


    무슨말이냐하면,

    예를들어

    http://nubiz.tistory.com/1

    이 블로그의 1번글은 삭제된 상태이기 때문에 접속하면 삭제된 게시글이라는 안내가 나옵니다.


    원래는 위와 같은 메시지가 나오게 되고,

    대부분의 방문자들은 이 화면을 보자마자 창을 닫아버릴겁니다.


    그 중에 한 명이라도, 다른 컨텐츠에 관심을 돌릴 수 있다면 좋겠지요.



    저는 애드디스(Addthis)의 게시글 추천 플러그인을 이용했습니다.

    그리고 검색을 해보는 것은 어떠냐는 추천문구도 삽입해보았습니다.





    Addthis에서

    애드디스의 간단한 이용방법은 이전글을 참조하시고,

    Addthis 플러그인 교체하다 - Addthis 업데이트 된 적용방식


    이 방법을 사용하기 위해서는 Addthis에서  Horizontal Recommended Content를 활성화시켜야합니다.

    Tool Gallery에서 Get Code를 눌러활성화시키면 됩니다. 이미 활성화되어있다면 Settings를 눌러 설정을 합니다.


    Title은 추천게시글들 위에 나오는 문구이니 원하는대로 편집하시면됩니다.

    Number of Rows는 추천 게시글을 몇줄이나 보여줄 것인지,

    Number of Items per Row는 한줄에 몇개나 보여줄 것인지를 결정합니다.

    (저는 2줄에 5개를 씁니다.)

    그리고 Activate버튼을 클릭하면 애드디스에서 준비는 끝입니다.



    .



    티스토리 HTML편집

    <script>window.jQuery || document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"><\/script>')</script>

    function postAbsent() {

        if ($("div.absent_post").length) {

            $("div.absent_post").html("잘못된 주소이거나, 비공개 또는 삭제된 글입니다.</br> 찾으시는 글이 있으면 상단의 검색창을 이용해보세요.");

    $("div.absent_post").append('<div class="addthis_recommended_horizontal"></div>');

        }

    }

    $("document").ready(postAbsent());

    위 코드를 skin.html의 </body>윗줄에 삽입해주시면 됩니다.


    (jquery가 이미 적용된 스킨은 맨윗줄 연한 코드는 빼고 삽입하셔도 됩니다.)



    ※애드디스 플러그인의 문제로 가끔 추천이 안뜰 수도 있습니다..


    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon 퍼스나콘
      2014.12.20 10:19 신고

      님두 블로그 옆에 스크롤바 하나 더 생기셨네요.

      크롬 브라우저로 들어오면 스크롤바 두개입니다 ㅠㅠ
      (IE에서도 마우스 휠 눌려서 이동해보면 스크롤바 한개 더 생겨있다는거 알 수 있습니다)

      이거 Addthis 스크립트 지우니까 사라지던데
      Addthis 적용되어있는데도 스크롤바 없는 블로그도 있더라구요.

      혹시 이유라도 짐작하시는거 있으신가요?

      • BlogIcon 뭐하라
        2014.12.20 10:25 신고

        앗 그렇네요..
        뭐가 문제인진 모르겠지만 css에
        body{overflow-y:hidden}
        추가해주시면 없어집니다.

      • BlogIcon 퍼스나콘
        2014.12.20 10:26 신고

        감사합니다. 블로그 글 잘보고있습니다!

      • BlogIcon 뭐하라
        2014.12.20 10:29 신고

        아 원인을 찾았습니다.
        애드디스플러그인 때문이 맞구요.
        #_atssh { display:none;}
        위의 코드 대신 이걸 삽입하면 되네요.

    • BlogIcon 대혀니_
      2015.03.27 00:13 신고

      티스토리 HTML편집 저걸 어디에 넣어야 하는지 모르겠네요...

      저기 써진대로 바로 넣는건 아닌듯한데..

      • BlogIcon 뭐하라
        2015.03.27 00:17 신고

        지금 이글은 의미가 없습니다 ㅠ Addthis가 지금 티스토리에서 플러그인 충돌로 작동을 안하거든요..

      • BlogIcon 대혀니_
        2015.03.27 00:17 신고

        아 감사합니다.