반응형
SMALL
카테고리 글 더보기 위지 조절하는 방법에 대해서 알아보겠습니다.
일단 소스의 원작자는 MissFlash 님이라는 것을 밝힙니다.~ (http://blog.missflash.com/)
티스토리를 시작하고 이리저리 원하는데로 위젯 및 플러그인들을 옮기시고 계시죠?ㅎㅎ
그런데 카테고리 글 더보기 플러그인을 추가했는데 막 위치 잡았던 것들이 깨지시는 분들이 계실꺼에요.
ㅎㅎ 저도 처음엔 그랬답니다.
아무튼~ 이젠 그렇게 되지 않기 위해서 변화를 주도록 하겠습니다.
위 파일은 위치를 잡아주기위한 소스들입니다.
소스 수정은 거의 없습니다.^^ 참 좋죠잉~
일단 카테고리글더보기1.txt 는 관리자 > 스킨 > HTML / CSS 편집 부분에 가셔서 HTML부분에
넣으실껀데요. <head>와 </head> 사이에 넣으시면 됩니다.
아무런 수정 엄써요~
그리고 두번째 카테고리글더보기2.txt 은 원하시는 곳에 소스를 넣으시면 되는데요.
<div id="MF_Reference" class="another_category another_category_color_gray" style="margin-top:20px;"></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>
<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>
원하시는 곳에 소스를 넣으시고 빨간색부분만 살짝 고쳐주시면 됩니다.
gray부분은 색인데요. 원하시는 색으로 바꾸시면 됩니다.
그리고 20부분은 위에서 몇픽셀을 띄울 것인지를 정의하는것인데요. 숫자를 바꿔가면서 적당히
띄우시면 됩니다.
여기서 잠깐@@@!
이대로 하시고 적용을 하시면~~~~~~~undefind 만 나오실꺼에요~
걱정없습니다~ 당연히 그렇게 나오는거거든요~ㅋㅋ
관리자 > 플러그인 > 꾸미기 > 카테고리 글 더보기 를 사용해야 나온답니다.
추천해주시면 더 많은 분들이
볼 수 있답니다~^^
볼 수 있답니다~^^
반응형
'IT정보 > 블로거' 카테고리의 다른 글
API 이용하여 MS WORD 2007로 티스토리에 글 올리기 (0) | 2011.11.12 |
---|---|
rss 등록 및 사이트 등록하기 (0) | 2011.08.26 |
[티스토리] 카테고리 글 더보기 꾸미기 (1) | 2011.08.20 |
블로그를 이쁘게 꾸밀 무료 아이콘 사이트 (2) | 2011.08.19 |
믹시 위젯이 돌아가거나 물음표가 출력될때..!! (0) | 2011.08.02 |
티스토리 카테고리의 다른글 보기 없애기(그림 설명) (1) | 2011.07.05 |
내 글이 검색 사이트에 나타나게 하기. (2) | 2011.07.05 |