티스토리 카테고리 글 더보기 위치 수정하기

Author : 글쓴이입니다 / Date : 2015.07.06 09:59 / Category : 블로그 길잡이

<div style="background-color: none transparent;"><a href="http://www.adamazer.com/" title="">amazon banners</a></div>

티스토리 블로그 플러그인중에서 "카테고리 글 더 보기"라는 것이 있습니다. 글을 다 읽고 나서 하단에 그 블로그의 다른 글을 더 볼 수 있도록 유도하는 좋은 플러그인입니다.


블로그 운영에 있어서 페이지뷰나 방문자의 체류시간이 중요하다는 것, 아시죠? 


페이지뷰나 방문자의 체류시간이 중요페이지뷰나 방문자의 체류시간이 중요


그런데 플러그인을 사용하면 카테고리 글 더보기의 위치가 마음에 안들 수 있습니다. 기본적인 위치가 무조건 포스팅한 글 아래에 위치하고 있기 때문에 다른 추천 버튼이나 애드센스 광고가 그 아래에 위치하게 됩니다.


티스토리 카테고리 글 더보기 플러그인티스토리 카테고리 글 더보기 플러그인


인터넷에 애드센스 포스팅 하단에 넣는 방법으로 넣어서 보면 카테고리 글 더보기 아래 애드센스가 위치하게 됩니다. 애드센스 수익을 위해서도 그렇지만 위치 수정을 해줌으로서 조금 더 유연하게 블로그 운영을 할 수 있습니다. 


카테고리 글 더보기 플러그인을 활성화시키고 애드센스를 본문 하단에 위치하게 해도 카테고리 글 더보기 플러그인이 항상 위에 위치하게 됩니다.카테고리 글 더보기 플러그인을 활성화시키고 애드센스를 본문 하단에 위치하게 해도 카테고리 글 더보기 플러그인이 항상 위에 위치하게 됩니다.


그래서 "티스토리 카테고리 글 더보기 위치" 플러그인 수정하는 방법을 알려드리도록 하겠습니다.





티스토리 카테고리 글 더보기 위치 수정 방법


우선 자신의 티스토리 관리 화면으로 갑니다. 블로그 화면에서 단축키 "Q"를 눌러도 됩니다. 


그 후에 아래 소스코드를 <head>와 </head> 사이에 넣어줍니다. ▼


<!-- 카테고리 글 더보기 위치 변경(명령) 시작 -->

<script type="text/javascript" language="javascript">

var MissFlash_Div_Num = 1;

</script>


<script type="text/javascript" language="javascript">

function getElementsByClass(MissFlash_Div_Num,searchClass,node,tag){

    // JavaScript function was developed by MissFlash (http://blog.missflash.com)

    var classElements = new Array();

    if(node == null) node = document;

    if(tag == null) tag = '*';

    var els = node.getElementsByTagName(tag);

    var elsLen = els.length;

    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

    var j = 0;

    var MissFlash_Check = 1;

    var MissFlash_ID = "MF_Reference" + MissFlash_Div_Num;

    for(i=0; i<elsLen; i++){

        if(pattern.test(els[i].className)){

            classElements[j] = els[i];

            j++;

            if(els[i].id.indexOf("MF_Reference") == -1){

                var result = els[i].innerHTML;

                els[i].style.display = "none";

            }

        }

    }

    return result;

}

</script>

<!-- 카테고리 글 더보기 위치 변경(명령) 끝 -->


위 코드는 카테고리 글 더보기의 위치를 수정할 수 있게끔 만들어진 코드입니다. 


실제로 카테고리 글 더보기가 들어갈 위치를 잡아주는 작업 화면실제로 카테고리 글 더보기가 들어갈 위치를 잡아주는 작업 화면


그리고 작업을 한 번더 추가해주셔야 합니다.

HTML/CSS 편집 부분에서 "article_rep_desc"을 찾아봅니다. (Ctrl + F를 누르면 쉽게 찾을 수 있습니다.)

아래 코드를 한번더 삽입해주셔야 합니다. 아래 코드는 실제로 카테고리 글 더보기가 들어갈 위치를 잡아주는 것입니다. ▼


<!-- 카테고리 글 더보기 실제 위치 -->

<div id="MF_Reference" class="another_category another_category_color_gray"></div>

<script type="text/javascript">

//<![CDATA[

// Created by MissFlash(http://blog.missflash.com)

var MF_Reference = document.getElementById('MF_Reference');

MF_Reference.setAttribute("id", "MF_Reference" + MissFlash_Div_Num);

MF_Reference.className = "another_category another_category_color_gray";

var ref_source = getElementsByClass(MissFlash_Div_Num,"another_category");

MF_Reference.innerHTML = ref_source;

MissFlash_Div_Num += 1;

//]]>

</script>

<!-- 카테고리 글 더보기 실제 위치 -->


기본적으로 본문 아래 출력이 되지만 그 사이에 애드센스나 기타 다른 소스를 넣을 수 있습니다. 


2번째 소스를 수정하면 다른 위치로 수정할 수 있습니다.2번째 소스를 수정하면 다른 위치로 수정할 수 있습니다.


그 결과 <본문 - 애드센스 - 공유버튼 - 구글플러스 - 카테고리 글 더보기> 순서로 출력이 됩니다. 


티스토리 카테고리 글 더보기 위치 수정소스코드.txt


소스는 TXT 파일로 올려놓았습니다.

유용하게 사용하시기 바랍니다. 다른 곳에 퍼가실 경우 링크는 꼭 남겨주시기 바랍니다. 


Tags : , , , ,

Trackbacks 0 / Comments 0

Blog Information

글쓴이입니다

다양한 이슈를 새로운 관점으로 해석하고 공유하는 Native content가 가득한 공간입니다. 아이디어와 새로운 소식에 대한 의견을 언제든지 환영합니다. 언제나 최신의 정보를 고르고, 최선의 정보를 선택하며, 최고의 이야기를 꾸며내는 것으로 최상의 큐레이션을 제공하고자 애쓰고 있습니다.

Calendar

«   2018/09   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
Copyright © 카칭팁닷컴 All Rights Reserved