2010년 4월 19일 월요일

[한 줄 짜리 소형 국기 번역 위젯]


참고 : 일쌤 온라인을 방문하는 외국인 정보는 아래의 사이트를 통해 얻을 수 있었다.

http://flagcounter.com/more/dJe8

 

 

<소스 코드>

 

<center>
<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:235px; margin: 5px 0 5px 0;">
<div align="center" style="width:auto;">

 

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cen&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to English"

src="http://www.printableworldflags.com/icon-flags/24/United%20States%20of%20America.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cvi&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to Vietnamese"

src="http://www.printableworldflags.com/icon-flags/24/Viet%20Nam.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%7Czh-

CN&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified)"

src="http://www.printableworldflags.com/icon-flags/24/China.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cja&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to Japanese"

src="http://www.printableworldflags.com/icon-flags/24/Japan.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cth&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to Thai"

src="http://www.printableworldflags.com/icon-flags/24/Thailand.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cfr&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to French"

src="http://www.printableworldflags.com/icon-flags/24/France.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cit&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to Italian"

src="http://www.printableworldflags.com/icon-flags/24/Italy.png" height="24"></a>

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%

7Cru&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to Russian"

src="http://www.printableworldflags.com/icon-flags/24/Russian%20Federation.png" height="24"></a>

 

 

</div>
</div>
</center>

[출처 : http://hubpages.com/hub/Google-Translate-Mini-Flags-Widget-for-Blogger-Blog-How-to-Add-Google-Translate-Mini-Flags-Widget-to-Your-Blog ]

 

 

<코드 내용 살펴보기>

 

아래의 코드는 한국어를 일본어로 번역하는 태그이다.

ko는 '한국어', ja는 '일본어'를 뜻한다.

Google-Translate-korean to Japanese는 국기 이미지 위에 마우스 커서를 올려 놓았을 때 나타나는 팝업 메시지이다.

http://www.printableworldflags.com/icon-flags/24/Japan.png는 국기 이미지의 URL이다.

 

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ko%7Cja&hl=en&ie=UTF8'); return false;"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-korean to Japanese" src="http://www.printableworldflags.com/icon-flags/24/Japan.png" height="24"></a>

 

 

 

<직접 위젯 만드는 방법>

 


1. 위의 파일을 메모장에 연다.

[영어로 번역하는 코드 부분임]


2. 앞서 설명한 것처럼 번역 대상 언어를 수정한다. (en를 원하는 언어로 변경한다. 참고로 베트남은 vi이다.)

 

3. Google-Translate-korean to English(팝업 메시지)를 변경한다.

 

4. 국기 이미지의 URL을 변경한다.

아래의 사이트에서 원하는 국가를 선택하면 다양한 크기의 국기 이미지를 구할 수 있다. 해당 이미지의 URL 주소를 복사하고 코드의 내용에 붙여 넣는다.

 

[해당 국기를 선택하고 원하는 크기의 국기 이미지의 URL을 복사한다.]

http://www.printableworldflags.com/flag-icon

 

 

5. 완성된 코드를 자신의 블로그에 위젯으로 추가한다.

 

6 개의 댓글:

  1. trackback from: 일본어선생의 생각
    구글 소형 국기 번역 위젯 만들기 - How to Create Google Mini Flag Translating Widget [한 줄 짜리 소형 국기 번역 위젯] 참고 : 일쌤 온라인을 방문하는 외국인 정보는 아래의 사이트를 통해 얻을 수 있었다. http://f..

    답글삭제
  2. 이미지가 깔끔하니 좋군요.

    답글삭제
  3. @すし - 2010/04/20 01:33
    여러 사이트를 돌다가 이정도면 괜찮다고 생각하고 정했습니다...

    답글삭제
  4. @すし - 2010/04/20 01:33
    스시님 블로그에 삽입해도 좋을 것 같은데요. 추천하고 싶은 위치는, 게시글 제목 하단 부분에 표시되는 카테고리, 날짜, すし의 다음 빈 공간이 좋을 것 같아요.

    여백이 많고 국기가 일렬로 들어가면 예쁠 것 같아요.

    답글삭제
  5. 오~ 좋은 정보 감사합니다. 한번 보고 제 스킨에 맞게 수정 해 봐야 겠네요. ^^

    답글삭제
  6. @다섯방울 - 2010/04/26 11:40
    완성되면 구경시켜 주세요~

    답글삭제

Labels

.NET Framework (1) .unselectable (1) 강좌 (32) 개인기 (1) 게시판 (1) 게임가드 (1) 경기장 (1) 경남FC (2) 공지 (1) 구글 번역 (1) 국기 (1) 그물 (1) 급여 (2) 기본급여 (1) 기타 패치 (5) 김범준 (1) 꼼수 (1) 꽁수 (1) 날씨 (1) 내문서 (1) 네덜란드어 (1) 네이버폰 (1) 노백업 (2) 노하우 (1) 농구 골대 (1) (1) 뉴스 (1) 다국어 (13) 닷넷프레임워크 (2) 대한민국 (1) 독일 (1) 독일어 (1) 돌림판 (1) 동그라미 (2) 동영상 (5) 동영상 강좌 (1) 땅볼 크로스 (1) 라이브 (1) 라인 (1) 라인 마법사 (1) 라인타기 (1) 러시아 (1) 레이아웃 (1) 로딩 동영상 (1) 로스터 (1) 로스터 업데이트 (1) 마르세유 (1) 마이팸 (1) 메뉴얼 (1) 모니터 (1) 모델링 (3) 무늬 (3) 무설치 (1) 미녀들의 수다 (1) 미수다 (1) 미식축구 (1) 민무늬 (1) 박보영 (1) 방구하기 (1) 방송 (1) 방송도우미 (1) 배경이미지 (1) 번역 (1) 베트남 (2) 변환 (1) 보증금 (1) 복구 (1) 복불복 (1) 복원 (2) 브라질 (1) 비매너 (1) 비주얼베이직 (1) 사용법 (1) 사운드카드 (1) 사포 (1) 서울 상암 (1) 석고현상 (1) 선수이름 (2) 선택 금지 (1) 설문 (1) 설정 (1) 소스 (1) 손상된 파일 (2) 스시 (1) 스카이디지탈 (1) 스코어보드 템플릿 마법사 (1) 스쿼드 (4) 스쿼드 마법사 (4) 스쿼드 메이커 (1) 스키마 (1) 스페인 (1) 시간 (1) 시뮬레이션 (4) 아로나 (1) 아리아 (1) 아프리카 TV 멀티 재생기 (1) 악성코드 (1) 안전 브라우징 (1) 앙주 (1) 앙케이트 (1) 액자효과 (2) 어경준 (1) 여론 (1) 영국 (1) 영어 (1) 오류 (3) 외국어 (3) 워크래프트3 (1) (2) 원본 (1) 월드컵 (1) 위닝카오스 (1) 위젯 (1) 유머 (1) 유투브 (2) 유학정보 (1) 이벤트 (1) 이재성 (1) 이탈리아 (2) 인터넷 방송 (2) 인터넷 속도 (1) 일본 (2) 일본어 (4) 일본여행 (1) 일식 (1) 임종은 (1) 자블라니 (1) 잔디 (14) 잔디 구역별 이미지 (1) 잔디 라인 (2) 잔디 무늬 (1) 잔디 엠블럼 (7) 잔디 패턴 (7) 장갑 (2) 재계약 (2) 재생기 (1) 재설치 (1) 재일교포 (1) 적용 (1) 정렬 (1) 정지개인기 (1) 정치 (1) 제작도구 (1) 좌익 (1) 좌파 (1) 중국 (1) 중국어 (2) 진보 (1) 집구하기 (1) 창모드 (1) 채팅 (2) 체코 (1) 추가기능 (1) 추출 (1) 축구화 뷰어 (1) 캡쳐 보드 (1) 코덱 (1) 쿄토 (1) 퀘스트 (2) 크로스 (1) 키보드 변경 프로그램 (1) 템플릿 (1) 트위터 (1) 팀고유번호 (1) 파일 관리 (1) 파일 복사기 (1) 포토샵 (1) 프랑스 (1) 프리스타일 풋볼 (4) 프리스타일2 (1) 피파온라인2 (1) 피파온라인2 패치 강좌 (36) 하숙 (1) 한국우승 (1) 한일 공동승차권 (1) 핫키 (1) 해상도 (1) 홈스테이 (1) 홈페이지 제작 (2) 화살표 (1) 히든 (1) Ad board (광고판) (12) Add On Programs (9) Afreeca TV (10) Andrey Sergeyevich Arshavin (1) ARIA (1) Arona (1) Autumn (1) Bach (1) background (1) Ball-축구공 (9) Beta (1) bigGUI (5) Blogger Tips (7) Blue (1) BlueCgi (1) bnk (1) bone (1) Bug (3) BWV 170 (1) chatting (2) chinese (1) CJ (1) cmn (1) coincidence (1) Commentary-해설 (23) confidence (1) converter (1) css (2) Damaged Clear Day (1) dat_kor (1) dbmaster (1) Depack Wizard (1) DotNet (1) DTS (1) dut (1) dutch (1) ebo (1) Emblem (잔디 엠블럼) (13) Emily Rockarts (1) error (1) etc (39) Faceon-페이스온 (9) Fate (1) ff2client (2) FIFA Manager 1.0 (11) FIFA Manager 2.0 (9) FIFA Manager 3 (28) FIFA Manager 사용법 (12) FIFA Online 2 (115) FIFA Online2 Patch Tip (21) FIFA_Manager (70) fifa.db (2) fifafs for windows GUI (1) FIFAOnline2 Patches (76) File Copier-파일 복사기 (2) flat (1) Font (1) Freestyle2 (2) fsh (4) fshtool (2) gameguard (1) Glory (1) Glove (골키퍼 장갑) (6) goal (1) Goalpost(골대) (2) Google Translation (1) Grass Pitch-잔디 (22) HDMI (1) hello kitty (5) History (18) hotkey (1) Image Converter (1) Indicator-선수 표시 (5) inevitability (1) JABULANI (1) javascript (1) keyboard (1) Keyboard Converter (1) Keyboard Reg Editor (1) Kit-유니폼 (8) KMPlayer (1) launchern.exe (1) Layout (2) Loading Image Wizard (2) Loading Image Wizard-로딩이미지 생성기 (4) Loading Image-로딩 이미지 (6) Loading Movie (로딩 동영상) (1) locale.ini (1) logo (4) LOL(리그 오브 레전드) (1) loser (1) LP (4) Lyrics (1) m200 (2) m222 (3) m228 (1) m316 (3) M43 (2) M44 (2) MAC address (1) Manual-사용법 (2) matchball (1) MAYA EX5 (1) mini flag (1) MonkeyDragon (1) motion (1) movie (2) Mow (3) MowPattern (잔디 패턴) (7) MPEG1 (1) MSN (2) MyFam (2) Net (골대 그물) (2) Nike (1) Oedit (8) OnAir (1) Other Programs (8) oval (2) part011 (2) part013 (2) passthrough (1) patch (4) pattern (1) PIP.exe (1) pitch (1) Player (1) player name (2) players_kor.big (1) Portable (2) pro (1) Programs (6) Qaa (1) Radar-레이더 (1) Random (1) RealClick (1) Registry (1) ROBO WRES - 로보트 레슬링 (1) Scoreboard Template Wizard (1) Scoreboard-스코어보드 (14) search (2) Shoes Viewer (1) Shoes-축구화 (4) simulation (2) SKYHD CaptureX HDMI (1) sound master (1) South Africa (1) SPDIF (1) Squard (2) Squard Wizard (4) Squard Wizard-재계약비 산출 (6) summer (1) t22 (1) t223 (2) t229 (6) t231 (7) t234 (2) t99 (3) Talkon (1) teamid (1) TeamViewer (1) template (1) terra (1) to23 (2) to23_s (1) to23_s.fsh (2) to25 (2) TopMost (1) total 90 (1) Travel (2) TSS-10 (1) twitter (1) ultraedit (1) Vergnügte Ruh (1) Viet Nam (2) Vietnam (2) Visual Basic (1) viv editor (1) Warcraft III (1) Widget (1) window mode (1) Windows8 (1) WinningChaos (1) Wizard (2) World Cup (1) xe (2) Yellow (1) youtube (3) zdata (9) zdata_04 (1) zdata_19 (2) zdata_19.big (2)