티스토리 카테고리 글 더보기 위치 사이드바로 변경하기

티스토리 카테고리 글 더보기 위치 변경하기

티스토리 블로그 카테고리 글 더보기 위치 변경 하는 방법에 대한 포스팅 입니다 기본적으로 플러그인에서 활성화를 시키면 본문 하단에 출력이 됩니다

본문 하단이 아닌 사이드바에 출력이 되도록 해보겠습니다 사이드바 아니더라도 원하는 위치에 마음대로 출력을 할수 있습니다

우선 첫번째 소스를 복사 합니다 CTAR+A로 전체 복사를 하셔서 HTML 편집에서 head 바로 밑줄에 붙여넣기를 해줍니다

<!-- 카테고리 글 더보기1번-->
 
<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>
 
<!-- 카테고리 글 더보기 1번 -->

다음은 두번째 소스를 배너출력으로 사이드바나 원하는 위치에 추가를 시킵니다 카테고리 글 더보기 글목록이  표시가되는 소스로 보시면 됩니다

<!-- 카테고리 글 더보기2번 -->
 
<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번  -->

이렇게 소스코드를 모두 붙여넣기를 했습니다

이제 마지막으로 플러그인 목록에 가셔서 카테고리 글 더보기 플러그인을 사용으로 적용을 시켜 줍니다

적용 방법 어렵지 않게 쉽게 하실수 있을 겁니다