티스토리 플러그인 중 카테고리 다른 글 보기라는 기능이 있습니다. 포스팅 하단에 현재 카테고리의 다른 글들을 시간 순으로 보여주는 플러그인인데요. 신통 방통하게 스킨을 변경하기 위해서 카테고리 다른 글과 본문 사이에 새로운 것을 끼어 넣으려고

티스토리 플러그인 중 카테고리 다른 글 보기라는 기능이 있습니다. 포스팅 하단에 현재 카테고리의 다른 글들을 시간 순으로 보여주는 플러그인인데요. 신통 방통하게 스킨을 변경하기 위해서 카테고리 다른 글과 본문 사이에 새로운 것을 끼어 넣으려고 사이에 태그를 삽입해 보았습니다. 결론은 실패!!




태그를 어디에 붙이던 간에 카테고리의 다른글 위에는 태그가 표시가 되지 않았습니다. 다른 블로거를 보면 카테고리 다른글 플러그인 위에 여러 가지 위젯들을 설치하고 있는 곳이 있어서 검색을 해보았습니다. 역시 MissFlash님이 블로그에서 방법을 확인 할 수 있었습니다.

 

해당 블로그를 내용을 인용하자면 2 가지 설정으로 간편하게 위치를 변경할 수 있습니다. skin.html을 수정하면 </TITE> 부분과 원하는 위치에 아래 태그를 추가하면 됩니다.

1. </TITE> 아래 부분 추가 사항 

<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>

 

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개의 태그를 추가하면 적용이 됩니다. 처음에 적용을 하면 정상적으로 안나오는 경우가 있는데요. 저 같은 경우 바로 적용이 안되서 포기 할려고 했습니다. 바로 위에 추가 하고 싶었던 태그를 아래에 붙였다가 다시 위에다 붙이니깐 정상적으로 출력되네요. 먼가 이상한데;;;;

 

 

 

사이에 태그를 삽입해 보았습니다. 결론은 실패!!




태그를 어디에 붙이던 간에 카테고리의 다른글 위에는 태그가 표시가 되지 않았습니다. 다른 블로거를 보면 카테고리 다른글 플러그인 위에 여러 가지 위젯들을 설치하고 있는 곳이 있어서 검색을 해보았습니다. 역시 MissFlash님이 블로그에서 방법을 확인 할 수 있었습니다.

 

해당 블로그를 내용을 인용하자면 2 가지 설정으로 간편하게 위치를 변경할 수 있습니다. skin.html을 수정하면 </TITE> 부분과 원하는 위치에 아래 태그를 추가하면 됩니다.

1. </TITE> 아래 부분 추가 사항 

<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>

 

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개의 태그를 추가하면 적용이 됩니다. 처음에 적용을 하면 정상적으로 안나오는 경우가 있는데요. 저 같은 경우 바로 적용이 안되서 포기 할려고 했습니다. 바로 위에 추가 하고 싶었던 태그를 아래에 붙였다가 다시 위에다 붙이니깐 정상적으로 출력되네요. 먼가 이상한데;;;;

 

 

 

저작자표시

티스토리툴바