Tip&Tech/Tistory2009.04.11 12:07
* 본 포스트에 사용된 소스는 티스토리 카테고리 글 더보기 플러그인 외에도 JavaScript를 이용해 클래스명으로 엘리먼트를 찾을 때 사용할 수 있습니다.

* 글 더보기 플러그인 위치 바꾸기의 경우, 블로그 출력 글 개수가 2개 이상일 때 제대로 적용되지 않을 수 있습니다. 이런 분은 다음 링크의 개선된 팁을 참고하시기 바랍니다. http://blog.missflash.com/543

티스토리를 사용하면서 불편한 점 중 하나는 플러그인의 위치나 디자인을 마음대로 편집하지 못하는 것입니다.
(물론 PHP 파일을 사용하지 못한다는 훨씬 큰 단점이 있긴 하지만, 무료 블로그 서비스에서 이것까지 바란다는 것은 너무 염치가 없기에... ^^;)

그 중 하나가 바로 카테고리 글 더보기[각주:1] 플러그인인데요... 이 플러그인의 경우, 출력되는 게시물의 수나 색상 등을 편집할 수는 있지만 플러그인의 위치를 수정할 수는 없습니다.

제 경우, 처음에는 카테고리 글 더보기 플러그인의 위치가 크게 상관이 없었습니다만... 믹시 추천 위젯이나 다음 블로거뉴스 추천 위젯, 그리고 Krang님이 만드신 메타사이트 추천 아이콘 등을 추가하니 플러그인의 위치를 바꾸고 싶더군요...

그런데 티스토리 플러그인은 skin.html에 표시되지 않기 때문에 코드를 직접 수정할 수는 없고, 자바스크립트를 이용해 이미 출력된 HTML 태그를 수정(즉, 서버단에서 소스를 수정해서 보내는 것이 아니라, 서버로부터 받은 소스를 클라이언트단에서 수정한 후 출력하는 것이죠...) 해야하겠더군요... 하지만, 역시 문제는 귀차니즘;;;



그러다가 오늘 여러가지 추천 위젯들을 하나로 합치면서 그동안 미뤄왔던 카테고리 글 더보기 플러그인의 위치를 바꿔버렸습니다. 몇 차례의 시행착오 끝에 완성한 주옥같은 기능(?)이니 필요하신 분들은 마음껏 사용해 주시기 바랍니다.
(아래의 소스를 자신의 스킨에 맞게 수정하는 것은 관계없으나, Copyright 부분은 빼지 말아 주세요 ㅎㅎ;)

1. 먼저 아래 자바스크립트 소스를 <head></head> 태그 사이에 붙여넣습니다.

2. 다음으로 아래 소스를 카테고리 글 더보기 플러그인이 출력되기 원하는 곳에 붙여넣습니다.
<div id="MF_Reference" class="another_category another_category_color_gray">카테고리 글 더보기 플러그인의 위치</div>
<script type="text/javascript">var ref_source = getElementsByClass("another_category"); document.getElementById("MF_Reference").innerHTML = document.getElementById("MF_Reference").innerHTML + ref_source;</script>

위 코드에서 MF_Reference라는 ID의 div가 카테고리 글 더보기 플러그인의 위치가 됩니다.(위 코드에서 another_category<div>, <script type="text/javascript"> 태그의 순서는 변경하시면 안됩니다.)

일단, 제 블로그에서는 정상작동[각주:2]했는데... 테스트해보시고 문제가 있거나 궁금한 점이 있으면 댓글남겨주시기 바랍니다. :)
  1. 티스토리에 별도의 "관련글 보기 플러그인"이 없기 때문에 카테고리 글 더보기 플러그인을 대신 사용하고 있습니다. [본문으로]
  2. IE6와 FF3에서 확인했습니다. [본문으로]
저작자 표시 비영리 변경 금지
신고

이 글은 새로운 정보가 추가될 때마다 업데이트됩니다. 추천으로 아래 숫자에 1을 더해보세요. :)
RSS구독을 하시면 포스트를 배달해 드립니다. ▷ 한RSS 구독하기, 구글리더 구독하기

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 아 네 빠른 답변 감사합니다 ^^ 한번 찾아서 해볼께요 ~

    2009.07.20 11:03 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네, 한번 해보시고 그래도 잘 모르시겠으면 다시 질문해주세요~ ㅎㅎ;

      2009.07.20 13:39 신고 [ ADDR : EDIT/ DEL ]
  3. HTML 초보인제가 이런 고급기능을 할 수 있을까요 ㅠ.ㅠ.ㅠ.ㅠㅠ.ㅠ. 하고싶다 하고싶다..

    2009.08.16 23:51 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 좋은 글 감사드립니다!! :-)

    2009.10.28 20:56 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 와! 정말 크게 도움이 되었습니다.
    감사합니다.

    2009.10.29 13:30 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 카테고리 때문에 골머리를 썩히다가,
    어떤분 블로그에서 소스에 포함되어 있는 주소를 보고 찾아 왔습니다.
    영어만 보면 울렁증이 이는데, 어찌어찌 해결했네요~
    좋은하루 되시기 바랍니다~*

    2010.06.06 12:30 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 축하드립니다.

      해보기 전에는 어려워보여도 막상 하면 별것없습니다. ^_^;

      2010.06.07 10:50 신고 [ ADDR : EDIT/ DEL ]
  7. 비밀댓글입니다

    2010.06.17 15:36 [ ADDR : EDIT/ DEL : REPLY ]
    • Div의 위치를 조절하셔야 할 것 같네요... 사용하시는 스킨의 소스에서 Div의 위치를 바꿔가며 테스트해보세요~

      2010.06.16 09:26 신고 [ ADDR : EDIT/ DEL ]
  8. 감사합니다. 잘 적용 했습니다.

    2010.06.19 12:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 유용한 정보 감사합니다.
    잘읽었습니다. 좋은 하루되세요

    2010.06.20 21:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 좋은정보 써요 ㅎㅎ

    2010.07.01 07:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 그렇지 않아도 위치를 바꾸고 싶었는데, 큰 도움 되었네요. ^^
    그런데...이것과 상관은 없지만, 궁금한게 하나 있습니다.
    티스토리 포럼있잖아요?
    서로 질문하고 대답하면서 도움얻는...그런데 저는 글쓰기가 안되요. ㅠ.ㅠ
    주제작성하기만 누르면 ie는' 췝페이지 표시할수 없다'는 하얀페이지만 나오구요.
    파폭에서는
    ----------------------------------------------
    페이지 자동 바꾸기가 제대로 안 됨
    이 주소에 대하여 완전하지 못한 방법의 연결 이동 요청이 감지되었습니다.
    * 이 문제는 드물게 해당 사이트에서 요구하는 쿠키를 차단하여 발생할 수 있습니다.
    ------------------------------------------------------
    이런 메세지가 뜹니다. 이거때문에 문의도 많이하고, os도 새로하거나 바꿔보기도하고 했는데..
    안되요. 혹시 짐작가시는 거라도 있으세요?

    2010.07.24 17:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 간단한 방법이 있습니다.

      사용하시는 웹브라우저를 바꾸세요...

      크롬, 파이어폭스, 사파리 어떤 것이든 좋습니다.

      웹표준을 지원하는 최신 브라우저로 바꿔보세요~

      2010.07.25 00:25 신고 [ ADDR : EDIT/ DEL ]
  12. 사파리까지는 안해봤지만...크롬, 파폭은 안되네요.
    크롬에서는 '리디렉션 순환오류'라는 내용이 뜨는군요.

    2010.07.25 07:09 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그럼 티스토리 포럼 자체 문제인 것 같습니다.

      다른 컨택 채널이 있을지도 모르니 오류 화면을 캡처해서 보내시면 해결해줄 것 같네요~

      그런데 포럼에 꼭 남기고 싶은 글이 있으신가요? ^_^;
      (그냥 블로그에 글 쓰신 뒤 발행하시면 담당자가 보실지도 모를 것 같은데...)

      2010.07.25 11:52 신고 [ ADDR : EDIT/ DEL ]
  13. 질문하고 싶을 때 질문할 수 없는 것이 너무 답답해서요.
    예전에 몇번 문의했지만, 그쪽에서도 정확한 이유를 알수가 없었습니다.
    하도 답답해서, 동네 PC방에서도 확인해 봤는데...거기서도 안되더군요. ;;;;;
    어쨌든 친절하게 답변 주셔서 감사합니다.

    혹시, 나중에 궁금한 것이 있으면 질문드려도 될까요? ㅎ;;;

    2010.07.26 09:03 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 제 블로그에 올린 글에 대한 질문은 여건이 되는한 답변드리고 있습니다.
      (카테고리 글더보기 위치 변경이나 추천위젯 커스터마이징 같이 많은 사람들이 성공적으로 적용한 팁의 경우에는 예외)

      기타 질문도 환영합니다만, 답변을 할 수 있을지는 미지수네요~ ㅎㅎ;

      2010.07.26 16:41 신고 [ ADDR : EDIT/ DEL ]
  14. 또왔습니다. ^^ 어디에 질문을 해야할지 몰라서 그냥 여기에...;;;;;;;
    다름이 아니라, 비밀댓글에 비밀댓글로 답변을 해주고 싶었는데...
    오늘보니 비밀댓글로 답변이 안되네요. 헐...
    제 기억에는 그전에 되었던 체크하는 것이 있었던 걸로 아는데.
    흠...내가 잘못봤나. 이상해서....이런 것은 어떻게 하면 되나요?

    2010.07.29 11:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 티스토리에서는 아직 되지 않습니다.

      관리자는 로그인을 통해 방문객의 비밀댓글을 볼 수 있지만... 방문객은(티스토리 유저라고 하더라도) 관리자의 비밀댓글을 볼 수 있는 권한이 없기 때문입니다.

      네이버의 경우에는 네이버 계정 아이디로 이를 볼 수 있게 구축한 것 같은데... 티스토리는 아직이네요~

      굳이 비밀 댓글을 달고 싶다면... 방문객에게 "비밀댓글로 이메일을 알려주세요~"라고 하는 수밖에는 없겠네요... 그럼 관리자가 방문객에게 이메일을 보내면 될테니까요~

      2010.07.29 13:25 신고 [ ADDR : EDIT/ DEL ]
    • 아..그랬나????
      제 기억력이 좀 저질이었군요. ㅋㅋ
      감사합니다.^^

      2010.07.30 00:08 신고 [ ADDR : EDIT/ DEL ]
    • ^_^; 하도 비슷비슷한 서비스들이 많으니 헷깔리는게 당연하죠~ 유쾌한상상님 블로그 들러 구경해봤는데 유용한 정보가 참 많더군요...

      무엇보다 스킨도 깔끔했구요~ 앞으로 종종들러 구경하겠습니다. :-)

      2010.08.02 10:27 신고 [ ADDR : EDIT/ DEL ]
  15. 정말 완~~~~~~~~~~전 감사합니다 ㅠㅠ

    2010.12.29 00:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 감사합니다. 성공했습니다.

    2011.08.07 21:04 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 비밀댓글입니다

    2011.12.20 22:04 [ ADDR : EDIT/ DEL : REPLY ]
  18. 소스를 잘못건들어서 다시오니 소스가 바꿔있네요. 주석에 이페이지 넣어진거 보고 다행히 다시 적용했습니다 ㅎㅎ

    2012.02.10 03:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 카테고리로 분류되어 있지 않은 글에서 발생하는 Undefined error 처리 루틴을 추가 했습니다. 필요하신 분들은 제 블로그에 올려진 글을 참조해 보세요 !
    http://sensechef.com/120
    scripts에서 ref_source값이 null 값인지 점검해서 카테고리로 분류되어 있는지 여부를 확인합니다.
    스크립트 만들어주신 missflash 운영자님께 감사 말씀 드려요 !

    2012.04.07 13:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 아주 큰 도움이 되었네요! 감사합니다.

    2012.06.07 20:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. Favicon of http://burybury.tistory.com BlogIcon 버 리

    관리자의 승인을 기다리고 있는 댓글입니다

    2013.08.21 16:33 [ ADDR : EDIT/ DEL : REPLY ]


티스토리 툴바