다음뷰 구독자 수 위젯 공개합니다. V1.0

다음뷰 구독자 수 위젯 버전업 Ver 2.0


현재 다음뷰 구독자 수 위젯 Ver 1.0 에 문제였던 자동 업데이트 문제를 해결 했습니다. 다음 구독자 수 위젯 버전 2.0 를 활용해주세요.



~~~~~~~~~~~~~





다음 구독자 수 를 나타내는 작은 위젯에 대해서 소개합니다. 제 블로그의 오른쪽 상단에 다음뷰 구독자 수를 나타내는 위젯이 있습니다. 숫자도 나타나고 익숙한 모양의 것으로 되어있습니다.

다음 뷰 구독자수 나타내는 위젯 V1.0 배포 및 설치 방법에 대해서 이번에 소개합니다. 제가 직접 그림을 그렸으며, 배포하는 것이므로 다시 재생산하셔서 공개하시면 안되는점 먼저 밝힙니다. 개인적인 사용목적으로만 사용해주세요.

다음 구독자 수 위젯은 쉽게 다음 구독자 수를 블로그에 나타내며, (부하가 거의 없음) 쉽게 구독 할 수 있도록 하며, 기존의 RSS 피드 구독과의 어울림을 강화하는데 있습니다.


다음뷰 구독자 수 나타내기 위젯 설치 준비물







다음뷰 구독자 수 나타내기 설치 방법 




준비물 파일을 압축을 해제 후, daumcountbg.gif 파일을 스킨에 업로드 합니다.




/* 피드버너 + 다음뷰구독자 */
#blogfeedcount { width: 172px; margin-bottom: 10px; }
#blogfeedcount .feedburnercount { float: left; width: 80px; height: 26px; }
#blogfeedcount .daumcount { float: right; width: 80px; height: 26px; background: url(./images/daumcountbg.gif) no-repeat 0 0; cursor: pointer;}
#blogfeedcount .daumcountnum { font-size: 11px; font-family: 굴림; float: right; margin: 0.5px 3px 0 0;}

위 내용을 복사 후 style.css 맨 하단에 붙여넣기 합니다. 고급사용자는 자신이 원하는곳에 정리해서 넣습니다.




<div id="blogfeedcount">
    <div class="feedburnercount">
    <!-- 피드버너 -->
        <a href="http://feeds.feedburner.com/cdmanii" title="피드버너카운터수" onclick="window.open(this.href); return false"><img src="http://feeds.feedburner.com/~fc/cdmanii?bg=F0F0F0&amp;fg=444444&amp;anim=0" height="26" width="88" alt="feedburner" /></a>
    </div>
    <div class="daumcount" onclick="window.open('http://v.daum.net/user/plus?blogurl=http://cdmanii.com')">
        <div class="daumcountnum">
        <!-- 자신의 다음뷰 구독자 수 입력 -->   
            100
        </div>
    </div>
</div>

노란색 부분을 잘 봐주세요. 설명과 같이 수정하여 줍니다.

<a href="http://feeds.feedburner.com/cdmanii" title="피드버너카운터수" onclick="window.open(this.href); return false"><img src="http://feeds.feedburner.com/~fc/cdmanii?bg=F0F0F0&amp;fg=444444&amp;anim=0" height="26" width="88" alt="feedburner" /></a>
첫번째 노란색 줄 -  피드버너 주석 아래의 노란줄은 자신의 피드버너 코드를 넣습니다. 한RSS 만 사용한다면 한RSS 를 입력해도 됩니다.

http://cdmanii.com
두번째 노란색 줄 - 자신의 블로그 주소를 넣습니다.


100
세번째 노란색 줄 - 자신의 다음뷰 구독자 수를 입력합니다.







수정한 코드를 사이드바 코드 입력기에 입력해서 넣습니다.
다음 구독자 수가 변경될 때 마다 마지막 숫자부분을 변경하여 수를 조절합니다.




다음뷰 구독자 수 나타내기 위젯 설치 방법 동영상




동영상으로 설치 방법을 설명해 보았습니다. 천천히 따라하시면 어렵지 않습니다.



피드버너 + 한RSS 구독자 수 통합하는 방법



한RSS 를 쓰시는 분은 피드버너로 통합해보시기 바랍니다. 피드버너로 한RSS 구독자 수도 나타낼 수 있으며 구독도 가능하게 할 수 있습니다. 피드버너는 더 많은 구독기를 지원하므로 구독자들에게 편의를 제공할 수 있습니다.



다음뷰 구독자 수 나타내기 위한 노력들


꾀 노력을 많이 했네요. Ajax 로 다음오픈API 를 이용해서 XML 를 파싱해서 가져와서 뿌려보려고 처음에 시도해보았습니다. 로컬컴퓨터에서는 잘 되더군요. 다만 티스토리에 올리면 안되었습니다. javascript 특성상 외부의 xml 를 파싱할 수 가 없었습니다. 여러곳에 자문을 구해보았지만 안될거라는 대답뿐이었습니다. 한가지 방법이 있긴하더군요. 다음쪽에 웹 계정이 있다면 프록시역할을 할 파일을 올려놓고 그파일이 대신 xml 를 파싱하고, 그 정보를 javascript 로 가져와서 출력하는것입니다.

그러면 지금 공개한 이 버전의 최대 단점인 자동 뷰 업데이트가 해결이 됩니다. 다만 그럴 수가 없더군요. 개발자로 등록하고 위젯을 만들어 올리면 되긴하지만, 이것에도 제약이 많이 따르더군요. 이미 다음구독자 수 와 구독하는 수를 나타내는 플래시 위젯이 다음에서 공개되긴 했지만, 사실 저는 그전부터 이걸 다른 방향으로 열어보려고 시도했었네요.

일단은 저도 수동으로 다음뷰 구독자 수 를 업데이트 해서 올리고 있지만, 조만간 자동으로 올라가도록 개발해서 올려보려고 생각중입니다. 개인적인 사용 목적으로만 사용해주세요. 앞으로는 자동으로 업데이트도 되도록 해보려고 합니다.

궁금하신점은 문의주세요.

스킨공부에 도움이 될 책들




이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

:)   :(   --;   :D   :O   :x   r:r   g;g   i;t   s;s

     이미지 업로드  [무료이미지 업로드 방법 설명]

  1. 이전 댓글 더보기
  2. LiveREX 2010.04.02 18:06 신고

    자동으로 업데이트되게 만들어주세요 ^^

    perm. |  mod/del. |  reply.
  3. 드자이너김군 2010.04.02 18:31 신고

    오~ 요것 정말 좋군요. 역시 씨디맨님은 능력자~~^^

    perm. |  mod/del. |  reply.
  4. 한성민 2010.04.02 19:41 신고

    이런 것도 해야 되는데 아직 안하고 있는 사람 중에 한명입니다...
    귀찮음 때문에...ㅜㅜ

    perm. |  mod/del. |  reply.
  5. 악랄가츠 2010.04.02 22:18 신고

    헐! 정말 저도 공부 많이 해야겠다는 생각이 드는 포스팅이옵니다! ㅎㅎ
    항상 겉핥기식으로만 사용하니, 체계적이지 못해요 ㅜㅜ

    perm. |  mod/del. |  reply.
  6. 줌(zoom) 2010.04.03 01:54 신고

    멋진걸요. ^^

    추후 스킨 업데이트할때 바로 퍼다가 쓰려고 찜해놓습니다.

    perm. |  mod/del. |  reply.
  7. 라라윈 2010.04.03 07:29 신고

    다음에서 배포하는 큼직한 위젯보다 깔끔하고 귀여워서 좋아요~
    수동업뎃만 자동업뎃되면 완벽하겠는데요~ ^^

    perm. |  mod/del. |  reply.
  8. iNDIER 2010.04.03 16:14 신고

    오랜만에 들렀습니다.
    와.. 이제는 위젯도 제작하시는 군요..

    perm. |  mod/del. |  reply.
  9. 잉커 2010.04.04 13:18 신고

    요거 가져가 쓰고 싶은데.. 구독자가 몇 없는 저로썬.. 흑흑

    perm. |  mod/del. |  reply.
  10. 이름이동기 2010.04.04 17:01 신고

    앗...머리가 아플듯하지만 시간될때 천천히 따라해봐야겠네요 ^^

    perm. |  mod/del. |  reply.
  11. Zorro 2010.04.05 00:10 신고

    오우 멋진데요~ 저도 조만간 한번 설치해봐야겠다는^^
    시디맨님.. 티타임 2차뒷풀이때 뵌거 같은데.. 그중에서 어떤분인지 헷갈린다는^^;;

    perm. |  mod/del. |  reply.
  12. 만두의전설 2010.04.05 00:11 신고

    정말 자동업데이트만 되면 정말 좋겠는데요?
    하지만 제 다음 뷰 구독자가 0명이라...ㅎㅎ

    perm. |  mod/del. |  reply.
  13. 못된준코 2010.04.05 06:44 신고

    아...요거 얼른 해서 사이드바에 넣고 싶은데...
    참...바빠서리..암튼 대단하세요. 이런 고급 정보를 마구마구 공개하시다니...ㅋ

    perm. |  mod/del. |  reply.
  14. 알프스소년 2010.04.05 11:35 신고

    우와~ 정말 컴터쪽은 모르시는게 없으시군요
    부럽습니다.ㅠㅠ
    CSS쪽은 잘 몰라서 쉽게 못건드리는데 ㅠㅠ
    많은 도움 감사해염

    perm. |  mod/del. |  reply.
  15. 쿠쿠양 2010.04.05 16:51 신고

    요즘은 다양한 위젯이 참 많이 나오는것 같아요 ㅋㅋ

    perm. |  mod/del. |  reply.
  16. Mr.번뜩맨 2010.04.08 12:12 신고

    정말 대단하세요. ^ ^ㅎㅎㅎ블로거들에겐 아주 유용한 위젯이 될 듯 싶네요~!

    perm. |  mod/del. |  reply.
  17. 대구사랑 2010.04.13 17:00 신고

    와, 카운터 뷰가 새롭게 바뀌겠어여. 바꿔보고 싶네여.

    perm. |  mod/del. |  reply.
  18. 무한 2010.04.21 09:38 신고

    좋은 거(응?) 배워가면서 코멘트를 남기는 것은
    모든 블로거들의 에티켓으로 알고 있습니다만...ㅋ

    잘 쓰겠습니다. 꾸벅.

    perm. |  mod/del. |  reply.
  19. 찌질철이 2010.07.05 13:45 신고

    앗.. 아직 자동업데이트가 안 되는군요..^^; 자동되면 그때 달겠슴니당..^^;;;
    씨디맨님만 미더요~~~

    perm. |  mod/del. |  reply.
  20. 태양인 2010.07.05 21:22 신고

    아~ 갈길이 멀군요... : ) 영차영차~ 잘봤습니다.

    perm. |  mod/del. |  reply.
  21. 포스티 2011.01.14 12:37 신고

    좋은정보인데 HTML 잘 못해서
    따라할순있어도 좀 힘들게 하겠네요 ㅠㅠ

    perm. |  mod/del. |  reply.