태극기 휘날리며!!

|
며칠전 위젯뱅크 공식블로그에서 방명록에서 이런글을 봤다.
사용자 삽입 이미지
우리나라 태극기와 관련된 위젯은 없군요..국기를 선택하고 무궁화를 선택하고 등등....혹시 만들어 주실 의향은 없는지요....부탁해요...그럼 이만..

오~ 좋은데~
이 글을 보고 국기 이미지는 올리진 않고, Daum 사전에 있는 이미지를 보여주는 방식으로 몇분만에 뚝딱 제작해서 위젯팩토리에 올리고 심사를 의뢰했다. (일단 프로토타입이라는 것을 알리고~)
긍정적인 피드백을 받고 실제 위젯 제작에 들어갔다.

일단 대상국가는 뽑기 어려워서 세계속의 블로그들도 많으니 세계속의 블로그에 등록된 국가와 남한(대한민국), 북한(조선민주주의인민공화국)을 추가하기로 했다.

페이지를 보면서 국가이름을 일일이 복사해 붙여넣는건 무리!!
국가 코드도 따야하니깐~

사용자 삽입 이미지
그래서 파이어버그로 국가 목록 부분을 찍어보면 국가코드랑 국가명들이 나와있는 html 부분을 얻을 수가 있다.

사용자 삽입 이미지
<li> 목록으로 쭉있고 대륙별로 <div>도 나뉘어져 있어서 저 영역을 한번에 복사하면 모든국가의 코드를 얻을 수 있다.

이렇게 얻은 코드를 바탕으로 국가선택 UserPref에 추가한다.

 <UserPref name="nation" display_name="국가선택" datatype="enum" default_value="KR">
 <EnumValue value="GT" display_value="과테말라" />
 <EnumValue value="GU" display_value="괌" />
 <EnumValue value="GE" display_value="그루지야" />
 <EnumValue value="ZA" display_value="남아프리카 공화국" />
 <EnumValue value="NL" display_value="네덜란드" />
 <EnumValue value="NP" display_value="네팔" />
 <EnumValue value="NO" display_value="노르웨이" />
 <EnumValue value="NZ" display_value="뉴질랜드" />
 <EnumValue value="NC" display_value="뉴칼레도니아" />
 <EnumValue value="NI" display_value="니카라과" />
 <EnumValue value="TW" display_value="대만" />
 <EnumValue value="KR" display_value="대한민국" />
 ...
</UserPref>

실제 소스코드는 뭐 별거없다.

<script type="text/javascript">
 function init() {
  var nation = new gadgets.Prefs().getString('nation');  // 국가 코드 얻어옴
  // 국가선택 사용자 설정이 안되있을 경우엔 기본값으로 대한민국 셋팅
  var url = 'http://widgetcfs1.daum.net/data/widgets/flags/KR.jpg';
  if (nation != null)
   url = 'http://widgetcfs1.daum.net/data/widgets/flags/'+ nation +'.jpg';

   // 국기 div 속에 img 태그 삽입
  _gel('flagArea').innerHTML = '<img src="' + url + '" width="166" border="0" />'
 }

 gadgets.util.registerOnLoadHandler(init); // 위젯로딩시 불리는 함수
</script>

<div id="flagArea"></div><!-- 국기가 들어갈 div -->


사용자 설정의 국가코드 불러와서 그에 맞는 국기 이미지만 div에 삽입하는 방식이다.

이것으로 내 위젯이 3개째 등록이다.
사용자 삽입 이미지
2008/12/29 - [일상/일터] - 톡틴게임 모음 위젯뱅크 등록!!
2009/01/06 - [일상/일터] - 나만의 배너 위젯뱅크 등록!!

등록된지 별로 안됐는데 벌써 100명 가까이나 퍼가셨다. 뭐 물론 사용중인 사람은 그리 많지 않지만 ㅎ

사용자 삽입 이미지

썸네일도 이쁘게 만들어 주셨네~

사용자 삽입 이미지

기본선택은 대한민국으로 되있고 다른 국가들 선택도 가능하다.

내 위젯들이 다들 그렇듯 원리는 참 단순하다.
그 좁은 공간안에서 많은 것들을 할 수 없기때문에 결국 위젯은 아이디어 승부인것!!
다른 회사들이 상업적으로 내논 광고성 위젯들은 플래시 로딩이나 통으로 페이지 긁어오는게 대부분이고 그리 블로그 로딩이나 늦게 만드는 거 같다.

퍼가는 곳은 여기
나만의 배너키즈짱 게임(전 톡틴 게임)위젯도 사랑해 주셔요~

아이디어주신 블로거님께도 감사드립니다~ ㅎ
저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'일상 > 일터' 카테고리의 다른 글

위젯팩토리 플러그인 사용법 챕터1 - 설치!  (5) 2009.07.21
태극기 휘날리며!!  (2) 2009.07.14
배너위젯 제작법  (4) 2009.04.15
나만의 배너 설정방법  (60) 2009.01.23
Trackback 0 And Comment 2