블로그에 구글번역기 달기, 구글번역기 설치하는 방법


블로그에 구글번역기 달기, 구글번역기 설치하는 방법





일단 번역기를 달면 저기 보이는 그림처럼 상단에 노출이 됩니다.  노출은 블로그 스킨 소스 상단의 바디태그 하단에 넣기 때문에 위치 변경은 힘들지 싶습니다...  스킨 소스를 보니 바디코드가 2개있던데..
귀차니즘으로 나머지 한 곳은 테스트를 못했습니다. 일단 저렇게 하니 잘됩니다.
기본 페이지를 한국어로 선택해서  외국인들이 접속했을 때 저기 언어선택 부분이 영어로 나올지는 미지수네요.

일단..

http://www.google.com/webelements/translate/     여기로 이동합니다.


저기 보이는 것 처럼 korean을 선택하면 기본 블로그 언어가 한글이라는 의미입니다..  선택하면
하단에 코드가 보입니다.  코드를 복사합니다.

저기 디스플레이 부분에... 올웨이즈는 항상 번역버튼을 노출하는 것이고 오토매틱은...
자동으로 번역을 실시한다는의미입니다.
즉,..   영국이나 미국인이 이 블로그에 접속하면 자동으로 영어로 번역하겠다는 메시지가 뜹니다.

인도사람이 접속하면 인도어로 번역하겠다는 메시지가 뜨죠..




<!-- Google Translate Element -->
<div id="google_translate_element" style="display:block"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: "ko"}, "google_translate_element");
};</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
참고로 이런 코드네용...   이 코드를 블로그 스킨의 적당한 곳에 넣어야 하는데..

저 같은 경우는 블로그 스킨 제일 상단의 바디 아래에 넣었습니다.

즉,
이런식으로 헤드 아래의 바디 바로 아래에 넣었습니다.

<title>블로그에 구글번역기 달기, 구글번역기 설치하는 방법 :: 컴질스토리</title>
</head>
<body>

<!-- Google Translate Element -->
<div id="google_translate_element" style="display:block"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: "ko"}, "google_translate_element");
};</script>
<script src="
http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<s_t3>
<div id="container"><div class="containerInner">
 <div id="header"><div class="inner">
  <h1><a href="https://story.comzil.com/"><span>컴질스토리</span></a></h1>
 </div></div>
 <!-- /header -->




이렇게 해서 하니 잘 작동하네요. 번역기 자체가 불완전하지만..  그래도 그나마 외국인을 위한 배려로 달아 놓은 것도 좋을 것 같습니다.