블로그 웹사이트에 구글 번역기 기능 추가

웹사이트 번역기 Google 번역에 들어가보면 신규 사용자에게는 해당 기능 더 이상 제공하지 않는다고 합니다. 그러면서 번역 기능이 내장되어 있는 브라우저를 사용하라고 합니다.

구글 블로그스팟은 [블로그 메뉴]-[레이아웃]에서 가젯 추가를 클릭하면 구글 번역기를 추가할 수 있습니다.
나머지는 HTML 편집을 클릭하고, 구글 번역기 소스 코드를 복사해서 붙여넣으세요.


■ 구글 번역 - 모든 언어, 세로 모드 

복사하기(copy)

<div id="google_translate_element"></div><script type="text/javascript">

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ko', 

autoDisplay:'true', 

layout: google.translate.TranslateElement.InlineLayout.VERTICAL

}, 'google_translate_element');

}

</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

■ 구글 번역 - 모든 언어, 가로 모드 

복사하기(copy)

<div id="google_translate_element"></div><script type="text/javascript">

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ko', 

autoDisplay:'true', 

layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL

}, 'google_translate_element');

}

</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

■ 구글 번역 - 모든 언어, 드롭다운 모드 

복사하기(copy)

<div id="google_translate_element"></div><script type="text/javascript">

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ko', 

autoDisplay:'true', 

layout: google.translate.TranslateElement.InlineLayout.SIMPLE

}, 'google_translate_element');

}

</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

표시 모드는 파란색으로 표시한 부분을 바꾸면 됩니다.

• 가로 : HORIZONTAL
• 세로 : VERTICAL
• 드롭다운만 : SIMPLE

■ 구글 번역 - 특정 언어, 드롭다운 모드 

복사하기(copy)

<div id="google_translate_element"></div><script type="text/javascript">

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ko', 

includedLanguages: 'ko,en,ja,zh-CN',

autoDisplay:'true', 

layout: google.translate.TranslateElement.InlineLayout.SIMPLE

}, 'google_translate_element');

}

</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

빨간색으로 표시한 부분이 언어를 지정하는 부분입니다. 콤마를 사용해서 번역하려는 언어를 적으면 됩니다.
위에는 한국어, 영어, 일본어, 중국어로 번역할 수 있도록 설정되어 있습니다.

◎ 그러면 언어를 지정하는 단어는 어디서 찾는가?
Google 번역 홈페이지로 접속합니다.

번역할 내용을 쓰는 부분의 언어와 번역되는 부분의 언어가 URL에서 어디에 표시되어 있는지 이미지에 표시해두었습니다. 언어를 설정해서 URL에서 보이는 문자를 사용하면 됩니다.
URL에서 = 와 & 사이에 있는 문자를 말합니다. sl=은 번역할 언어고, tl=은 번역되는 언어입니다. ko는 한국어, en은 영어예요.