바람이 머문 언덕

카테고리의 다른 글 위치 변경하기 본문

컴퓨터 IT/컴퓨터 인터넷

카테고리의 다른 글 위치 변경하기

알 수 없는 사용자 2011. 5. 25. 17:33
반응형
블로그 하단에 위젯을 설치하다 보면은 카테고리의 다른 글보기"가 중산에 끼여 보기 좋지 않을 경우가 있어 이를 해결하기 위해서 여러 가지 시도를 하다 결국은 이웃 블로그에서 해답을 찾았습니다.

관리자 -> 스킨 -> HTML/CSS 편집 에서 Ctrl + F 키를 눌러 '</title>'를 찾습니다.
그 아래에 다음 코드를 삽입 합니다.

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

그리고 '카테고리의 다른 글'이 보이기 원하는 위치에 아래와 코드를 삽입해 주면은 됨니다.

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

반응형