'티스토리 카테고리 위치'에 해당되는 글 1건

  1. 티스토리 카테고리의 다른글 위치변경하기

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

Posted in 블로그 by Mile's

티스토리를 운영하면 다음뷰나 믹시위젯, 애드센스의 광고 등은 카테고리의 다른글 밑에 출력됩니다.

관리탭에서는 카테고리 다른글의 개수나 색상변경만 가능하지 별다른 치환자도 있지 않아

위치를 변경할 수 없는데 소스를 추가하여 위치변경을 할 수 있습니다. 저의 경우는

카테고리의 다른 글 위에 각종 위젯을 위치하게 하고싶어 다음과 같이 위치를 변경하였습니다.


변경후 모습


소스에대해 알아보겠습니다.

<head>~</head>사이에 다음의 자바스크립트를 삽입합니다.

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
<script type="text/javascript" language="javascript">
var MissFlash_Div_Num = 1;
  
function getElementsByClass(MissFlash_Div_Num,searchClass,node,tag){
    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>




category.txt


변경후 사용하고 싶은 위치에 적용하면 됩니다. 저의 경우는  다음에 위젯,

위젯 다음의 부분에 카테고리 다른글 소스를 집어넣었습니다. 저와 비슷하게 하고 싶으신분은

다음과 같은 형식으로 소스를 삽입하시면 됩니다.


1
2
3
4
5
<div class="entry-content">
 
- 위젯소스 -
- 카테고리 다른글 보기 -
</div>


이런 순 입니다.최상단에 표시하고 싶으신분은  위에 표시하시면 됩니다.


카테고리 다른글 보기 소스


1
2
3
4
5
6
7
8
9
<div id="MF_Reference1" class="another_category another_category_color_gray">undefined</div>
<script type="text/javascript">
    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>


darn.txt


이상 티스토리에서 카테고리의 다른 글 위치변경 하는 방법에 대해 알아보았습니다.

저작자표시

Trackback : Comment