본문 바로가기
유용한_팁/블로그_팁

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

by 씨디맨 2010. 4. 2.
320x100

다음뷰 구독자 수 위젯 버전업 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 로 가져와서 출력하는것입니다.

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

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

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

스킨공부에 도움이 될 책들



댓글34