본문 바로가기
IT정보/블로거

카테고리 글 더보기 위치 조절 하기

by 어설픈봉봉이 2011. 8. 18.
반응형
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>


원하시는 곳에 소스를 넣으시고 빨간색부분만 살짝 고쳐주시면 됩니다.
gray부분은 색인데요. 원하시는 색으로 바꾸시면 됩니다.
그리고 20부분은 위에서 몇픽셀을 띄울 것인지를 정의하는것인데요. 숫자를 바꿔가면서 적당히
띄우시면 됩니다.

여기서 잠깐@@@!

이대로 하시고 적용을 하시면~~~~~~~undefind 만 나오실꺼에요~

걱정없습니다~ 당연히 그렇게 나오는거거든요~ㅋㅋ

관리자 > 플러그인 > 꾸미기 > 카테고리 글 더보기 를 사용해야 나온답니다.





추천해주시면 더 많은 분들이

볼 수 있답니다~^^


반응형