|
다음뷰 구독자 수 위젯 버전업 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;}
#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&fg=444444&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>
<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&fg=444444&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&fg=444444&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 로 가져와서 출력하는것입니다.
그러면 지금 공개한 이 버전의 최대 단점인 자동 뷰 업데이트가 해결이 됩니다. 다만 그럴 수가 없더군요. 개발자로 등록하고 위젯을 만들어 올리면 되긴하지만, 이것에도 제약이 많이 따르더군요. 이미 다음구독자 수 와 구독하는 수를 나타내는 플래시 위젯이 다음에서 공개되긴 했지만, 사실 저는 그전부터 이걸 다른 방향으로 열어보려고 시도했었네요.
일단은 저도 수동으로 다음뷰 구독자 수 를 업데이트 해서 올리고 있지만, 조만간 자동으로 올라가도록 개발해서 올려보려고 생각중입니다. 개인적인 사용 목적으로만 사용해주세요. 앞으로는 자동으로 업데이트도 되도록 해보려고 합니다.
궁금하신점은 문의주세요.
스킨공부에 도움이 될 책들
|
'유용한_팁 > 블로그_팁' 카테고리의 다른 글
티스토리 로그인 해제시 단축키 Q 를 활용합시다 (17) | 2010.05.07 |
---|---|
티스토리 블로그 팁 모음 (66) | 2010.05.03 |
다음뷰 구독자 수 위젯 공개합니다. V1.0 (34) | 2010.04.02 |
티스토리 스킨 배우기 id, class 는 왜 있는가 (33) | 2010.04.01 |
다음뷰 추천 버튼 옆에 다음 구독 버튼 달아 보자 (26) | 2010.03.04 |
블로그 초보팁 - 블로그 목록 갯수 정하기 (9) | 2010.02.09 |
TAG API,
Blog Tip,
feed,
It,
reader,
TIP,
공개위젯,
구독자,
다음,
다음 구독자,
다음 뷰,
다음 뷰 구독자,
다음뷰,
다음뷰 구독자,
미래,
배포,
블로그,
블로그 Tip,
블로그 팁,
블로그팁,
어플리케이션,
오픈api,
재배포,
첫버전,
팁,
피드버너,
피드버너 통합
자동으로 업데이트되게 만들어주세요 ^^
오~ 요것 정말 좋군요. 역시 씨디맨님은 능력자~~^^
이런 것도 해야 되는데 아직 안하고 있는 사람 중에 한명입니다...
귀찮음 때문에...ㅜㅜ
헐! 정말 저도 공부 많이 해야겠다는 생각이 드는 포스팅이옵니다! ㅎㅎ
항상 겉핥기식으로만 사용하니, 체계적이지 못해요 ㅜㅜ
멋진걸요. ^^
추후 스킨 업데이트할때 바로 퍼다가 쓰려고 찜해놓습니다.
다음에서 배포하는 큼직한 위젯보다 깔끔하고 귀여워서 좋아요~
수동업뎃만 자동업뎃되면 완벽하겠는데요~ ^^
오랜만에 들렀습니다.
와.. 이제는 위젯도 제작하시는 군요..
요거 가져가 쓰고 싶은데.. 구독자가 몇 없는 저로썬.. 흑흑
앗...머리가 아플듯하지만 시간될때 천천히 따라해봐야겠네요 ^^
오우 멋진데요~ 저도 조만간 한번 설치해봐야겠다는^^
시디맨님.. 티타임 2차뒷풀이때 뵌거 같은데.. 그중에서 어떤분인지 헷갈린다는^^;;
정말 자동업데이트만 되면 정말 좋겠는데요?
하지만 제 다음 뷰 구독자가 0명이라...ㅎㅎ
아...요거 얼른 해서 사이드바에 넣고 싶은데...
참...바빠서리..암튼 대단하세요. 이런 고급 정보를 마구마구 공개하시다니...ㅋ
우와~ 정말 컴터쪽은 모르시는게 없으시군요
부럽습니다.ㅠㅠ
CSS쪽은 잘 몰라서 쉽게 못건드리는데 ㅠㅠ
많은 도움 감사해염
요즘은 다양한 위젯이 참 많이 나오는것 같아요 ㅋㅋ
정말 대단하세요. ^ ^ㅎㅎㅎ블로거들에겐 아주 유용한 위젯이 될 듯 싶네요~!
와, 카운터 뷰가 새롭게 바뀌겠어여. 바꿔보고 싶네여.
좋은 거(응?) 배워가면서 코멘트를 남기는 것은
모든 블로거들의 에티켓으로 알고 있습니다만...ㅋ
잘 쓰겠습니다. 꾸벅.
앗.. 아직 자동업데이트가 안 되는군요..^^; 자동되면 그때 달겠슴니당..^^;;;
씨디맨님만 미더요~~~
아~ 갈길이 멀군요... : ) 영차영차~ 잘봤습니다.
좋은정보인데 HTML 잘 못해서
따라할순있어도 좀 힘들게 하겠네요 ㅠㅠ