티스토리 꾸미기 - [카테고리의 다른 글] 위치 변경하기

기본적인 티스토리 스킨에서는 [카테고리의 다른 글] 이 본문 하단 태그 상단에 위치하는데 신규로 광고코드를 skin.html 에 삽입하게 되면 [카테고리의 다른 글] 아래에 위치하게 되어 보기에 좋지 않습니다. 그래서 [카테고리의 다른 글]을 본문 하단 태그 원하는 위치에 위치하게 할수 있는 방법에 대해서 소개해 드리겠습니다.

[카테고리의 다른 글] 위치를 수정할수 있도록 소스를 삽입해 놓으면 본문 하단 태그에서 원하는 위치로 쉽게 이동이 가능하기 때문에 광고의 형태와 크기에 따라서 본문 하단에 예쁘게 배치를 할수가 있습니다.

 

아래는 [카테고리의 다른 글]의 위치를 변경하지 않고 광고코드를 삽입했을때의 배치 모습입니다.

 

 

본문과 광고 중간에 [카테고리의 다른 글] 이 자리하고 있어 어색해 보입니다.

 

[카테고리의 다른 글]의 위치를 " 본문 하단 태그 하단 " 으로 위치를 변경한 후의 모습입니다.

 

 

별 차이를 못 느끼시겠다면 아래와 같이 여러개의 광고를 삽입했을때의 모습을 보시면 차이를 느끼실수 있을것입니다.

 

 

여러개의 광고를 삽입하려고 할때 [카테고리의 다른 글]의 상단에 위치하는 것이 훨씬 보기 좋은것 같습니다.

 

배치 전후의 모습을 보시고 수정을 하시려고 한다면 아래와 같이 수정하시면 됩니다.

 

 

[카테고리의 다른 글] 위치 변경하는 방법

 

1.  " 카테고리의 다른 글" 고정을 해제하여 원하는 위치로 이동할수 있도록 명령어 삽입

 

<!-- 카테고리 다른글 위치 변경 시작 -->
<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>
<!-- 카테고리 다른글 위치 변경 끝 -->

 

skin.html 에서 </title> 을 찾아서 바로 아랫줄에 소스를 붙여넣기 합니다.

 

카테고리위치고정해제.txt

 

 

 

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>
<!-- 카테고리 다른글 위치 변경 끝 -->

 

skin.html 에서 [ ##_article_rep_desc_## ] 을 찾아서 바로 아랫줄에 소스를 붙여넣기 합니다.

 

카테고리위치변경.txt

 

 

[ ##_article_rep_desc_## ] 아래 배치하는 순서에 따라 광고와 "카테고리 다른 글" 의 위치 순서가 결정이 됩니다.

 

상기와 같은 방법으로 "카테고리 다른 글" 과 광고의 위치를 마음대로 변경할수가 있으니 삽입하려는 광고의 형태 및 크기등을 고려하여 멋지게 배치하시기 바랍니다.

 

* 작업하시기전에 반드시 skin.html 원본은 별도로 저장해서 잘 보관해 두시기 바랍니다.