블로그에 번역 버튼으로 활용할 수 있는 플래시를 만들었습니다. 한국어 버튼, 영어 버튼, 일본어 버튼 3개로 구성이 되어 있으며 영어 버튼과 일본어 버튼을 클릭하면 각각 영어와 일본어로 번영해주는 페이지로 이동합니다. 물론 한국어 버튼을 누르면 원래 페이지로 이동하게 됩니다. 포스팅을 하다보니 번역 사이트를 다른 곳으로 바꿀 수 있게 하는 부분도 필요할 것 같군요. 어째꺼나 번역 버튼을 홈페이지에 붙여 외국인들도 내 블로그에 있는 글도 볼 수 있도록 번역 버튼을 달아보세요. 제가 만든 것이 아니더라도 번역 버튼을 붙여볼 것을 권장합니다. 전에 포스팅 했던 북마크 모음 플래시바와 사용법은 같습니다.
[번역 버튼 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="60"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info/141"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=180 height=60 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info/141" /></object>
[개별 포스트별 번역 버튼 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］" /></object>
[IE 에서 테투리를 안보이게 하는 태그]
스킨 편집 skin.html 의 상단 "</head>" 라는 태그 바로 위에 "<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 추가합니다.
그리고 예제 포스트 대신 다음과 같은 태그를 사용합니다.
<textarea id="flash_blog_translate［##_article_rep_link_##］" style="display:none;" rows="0" cols="0">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］"><param name="wmode" value="opaque"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］" wmode=opaque /></object>
</textarea><script>document_write(document.getElementById('flash_blog_translate［##_article_rep_link_##］').value);</script>
주의)
* 빨간색 링크 주소는 운영하는 블로그 도메인으로 바꾸셔야 합니다. 그리고 "［ " 와 "］" 로 표시된 부분은 "[" 와 "]" 로 바꿔주셔야합니다.
* 파란색 태그가 없는 경우 플래시가 레이어를 통과해서 보일 수 있습니다.
[네이버 카페 메인화면에 번역 버튼 적용 태그 예제]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf?link=http%3A%2F%2Fflashcafe.org"/><param name="flashvars" value="link=http://flashcafe.org"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.hompydesign.com/club/translate.swf?link=http%3A%2F%2Fflashcafe.org" width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://flashcafe.org" /></object>
주의)
네이버에서는 일부 태그를 제한하는 관계로 파란색에 해당하는 파라메터(인수) 전달이 제대로 되지 않으므로 빨강색 부분에서 처럼 URL 을 통해서 값을 전달해야 합니다. URL 을 통해서 값을 전달할때 한글이나 특수문자인 경우 URL 인코딩을 해야합니다.
파란색 문장을 구글 검색창에 검색해보면 주소창에서 인코딩된 빨강색 문장 처럼 바뀌는 부분이 있습니다. "http://flashcafe.org"라는 문장을 검색해보면 주소창에 다음과 같은 경로가 보입니다.
http://www.google.co.kr/search?hl=ko&q=http%3A%2F%2Fflashcafe.org&lr=
위의 경로에서 URL 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다.
태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
[참고]
국기 이미지는 http://www.all-the-flags-of-the-world.c.la/ 에서 가져왔습니다.
사용한 구글 영어 번역기 주소
http://translate.google.com/translate?langpair=ko%7Cen&hl=ko&ie=UTF8&u=http://hompy.info/141
사용한 네이버 일어 번역기 주소
http://j2k.naver.com/j2k.php/japan/http://hompy.info/141
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
[번역 버튼 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="60"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info/141"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=180 height=60 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info/141" /></object>
[개별 포스트별 번역 버튼 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］" /></object>
[IE 에서 테투리를 안보이게 하는 태그]
스킨 편집 skin.html 의 상단 "</head>" 라는 태그 바로 위에 "<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 추가합니다.
그리고 예제 포스트 대신 다음과 같은 태그를 사용합니다.
<textarea id="flash_blog_translate［##_article_rep_link_##］" style="display:none;" rows="0" cols="0">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］"><param name="wmode" value="opaque"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］" wmode=opaque /></object>
</textarea><script>document_write(document.getElementById('flash_blog_translate［##_article_rep_link_##］').value);</script>
주의)
* 빨간색 링크 주소는 운영하는 블로그 도메인으로 바꾸셔야 합니다. 그리고 "［ " 와 "］" 로 표시된 부분은 "[" 와 "]" 로 바꿔주셔야합니다.
* 파란색 태그가 없는 경우 플래시가 레이어를 통과해서 보일 수 있습니다.
[네이버 카페 메인화면에 번역 버튼 적용 태그 예제]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf?link=http%3A%2F%2Fflashcafe.org"/><param name="flashvars" value="link=http://flashcafe.org"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.hompydesign.com/club/translate.swf?link=http%3A%2F%2Fflashcafe.org" width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://flashcafe.org" /></object>
주의)
네이버에서는 일부 태그를 제한하는 관계로 파란색에 해당하는 파라메터(인수) 전달이 제대로 되지 않으므로 빨강색 부분에서 처럼 URL 을 통해서 값을 전달해야 합니다. URL 을 통해서 값을 전달할때 한글이나 특수문자인 경우 URL 인코딩을 해야합니다.
파란색 문장을 구글 검색창에 검색해보면 주소창에서 인코딩된 빨강색 문장 처럼 바뀌는 부분이 있습니다. "http://flashcafe.org"라는 문장을 검색해보면 주소창에 다음과 같은 경로가 보입니다.
http://www.google.co.kr/search?hl=ko&q=http%3A%2F%2Fflashcafe.org&lr=
위의 경로에서 URL 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다.
태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
[참고]
국기 이미지는 http://www.all-the-flags-of-the-world.c.la/ 에서 가져왔습니다.
사용한 구글 영어 번역기 주소
http://translate.google.com/translate?langpair=ko%7Cen&hl=ko&ie=UTF8&u=http://hompy.info/141
사용한 네이버 일어 번역기 주소
http://j2k.naver.com/j2k.php/japan/http://hompy.info/141
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
