다국어지원 사이트 소스

다국어 지원 사이트 소스

위와 같이 표현이되고 버튼 클릭에 언어가 변경된다.

셈플사이트 주소 :  http://mycamp.cf/

img.zip

아래의 소스를 원하는 곳에 붙이면...그 사이트는 다국어 지원 사이트가 되는 것이다.

개인사이트에 삽입시에는 애래 소스의 맨 아래에 있는 국기 이미지에 대한 주소를

본인 사이트 주소로 변경하고, 위 국기 이지미 파일을 받아 해당 폴더에 넣어주면 된다.

<li> <!-- 언어선택 시작 -->
	<div class="sidebar-icon">
	<style type="text/css">
	iframe.goog-te-banner-frame { display: none !important; }
	body { position: static !important; top:0px !important; }
	.goog-logo-link { display:none !important; }
	.goog-te-gadget { color: transparent !important; }
	</style>
	<script type="text/javascript">
	function googleTranslateElementInit() {
	new google.translate.TranslateElement({pageLanguage: 'ko', includedLanguages: 'ru,en,ja,ko,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');
	}
	</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
	<script type="text/javascript">
	$(window).load(function () {
	$('.translation-icons').css('visibility', 'visible');
	$('.translation-icons a').click(function(e) {
	e.preventDefault();
	var placement = $(this).data('placement');
	var lang_num = $('.translation-icons a').length;
	var $frame = $('.goog-te-menu-frame:first');
	if (!$frame.size()) {
	alert("Error: Could not find Google translate frame.");
	return false;
	}
	var langs = $('.goog-te-menu-frame:first').contents().find('a span.text');
	if(langs.length != lang_num) placement = placement+1;
	langs.eq(placement).click();
	return false;
	});
	})
	</script>
	<div id="google_translate_element" style="visibility: hidden; position: absolute; top: 0px;"></div>
	<div class="translation-icons" style="visibility: visible; position: relative; text-align: left; margin: 5px 0px; padding-left: 5px; width: auto; zoom: 1;">
	<div class="translation-icons" style="visibility: visible;">
	<a href="#" class="ko" data-placement="0"> <img src="http://mycamp.cf/img/KR.png" alt="한국" title="" height="22"></a>
	<a href="#" class="ru" data-placement="1"> <img src="http://mycamp.cf/img/RU.png" alt="러시아" title="" height="22"></a>
	<a href="#" class="us" data-placement="2"> <img src="http://mycamp.cf/img/US.png" alt="미국" title="" height="22"></a>
	<a href="#" class="jp" data-placement="3"> <img src="http://mycamp.cf/img/JP.png" alt="일본" title="" height="22"></a>
	<a href="#" class="cn" data-placement="4"> <img src="http://mycamp.cf/img/CN.png" alt="중국" height="22"></a>
	</div>
	</div>
	</div>
	<!-- 언어 선택 끝 -->
	</li>

링크의 샘플사이트에서 소스보기해서 언어번역시작~끝부분의 소스를 붙여넣기 복사하기 하면되지만 

찾으시는분들이 많아서 위젯화 시켜서 올립니다.

다운로드 사이트 : http://amina.co.kr/bbs/board.php?bo_table=skin_member&wr_id=10611#c_10614

샘플사이트는 링크클릭하시면 상단에 적용되어있습니다.

셈플사이트 주소 :  http://mycamp.cf/

사용법

원하는 위치에 아래와 같이 사용하시면 됩니다.

<?php echo apms_widget('lang-trans','lang-trans'); // 언어번역기 ?>

일단 제기준(?)으로 인기있는 언어 5개해놨으며 여기에서 숨김설정을 할수있는데

그외 다른 언어를 더 추가하시려면 https://translate.google.com/manager/website/ 에서 

추가시 국가코드 참조하셔서 파일 수정하시면 되겠습니다.