티스토리에 구글 번역기 설치하는 방법 | 북클럽 스킨

티스토리 북클럽 구글 번역기 설치하기.

 

 

티스토리 블로그에서 구글 번역기를 사용하는 이유는 다양합니다.

1. 다국어 대응
   티스토리 블로그는 전 세계의 사람들에게 열려 있는 플랫폼입니다. 구글 번역기를 사용하면 여러 언어로 작성된 콘텐츠를 다른 언어로 번역하여 사용자들이 보다 쉽게 이해할 수 있습니다. 이는 글로벌 오디언스에게 당신의 블로그를 알리고 정보를 전달하는 데 도움이 될 수 있습니다.
2. 다양한 언어의 독자 유치
   번역 기능을 제공함으로써 다른 언어를 사용하는 독자들에게도 콘텐츠를 제공할 수 있습니다. 구글 번역기는 다양한 언어를 지원하므로 독자들이 자신의 언어로 블로그를 읽을 수 있게 해줍니다. 이는 다양한 국가와 문화에서 온 독자들에게 블로그를 홍보하고 커뮤니케이션하는 데 도움이 됩니다.
3. SEO (Search Engine Optimization, 검색 엔진 최적화)
   구글 번역기를 사용하여 다양한 언어로 작성된 콘텐츠를 제공하면, 검색 엔진에서 더 다양한 검색어와 언어로 검색하는 사용자들에게 노출될 수 있습니다. 다국어 콘텐츠를 제공함으로써 더 많은 독자들에게 노출되고 검색 가능성을 향상시킬 수 있습니다.
4. 다양한 국가에서의 접근성
   구글 번역기를 통해 다른 언어로 번역된 콘텐츠를 제공하면, 해당 언어를 사용하는 국가에서 블로그에 대한 접근성이 향상될 수 있습니다. 이는 국제 시장에서 당신의 블로그를 홍보하고 트래픽을 증가시키는 데 도움이 될 수 있습니다.

구글 번역기는 널리 사용되는 번역 도구 중 하나이며, 사용하기 쉽고 효과적입니다. 그러나 번역의 정확성과 문체적인 표현에 있어서 완벽하지는 않을 수 있으므로, 번역된 내용을 검토하고 수정하는 것이 좋습니다.

 

 

티스토리에 구글번역기를 추가하기 위해서는 우선 본인이 사용하는 스킨이 반드시 "사이드바"가 지원이 되어야 합니다.

기본적으로 구글번역기 플러그인은 html태그를 이용하여 추가하는 방식인데 스킨에 사이드바 없으면 구글번역기 코드를 깔끔하게 적용하기가 불가능합니다.

 

 

 

목차

 

그럼, 이제 "구글번역기"를 설치하는 방법을 알아보기로 하겠습니다.

설치방법은 간단하니 천천히 따라오시면 됩니다.

플러그인 "태그 입력기" 활성화

1. 블로그 관리 홈 > 플러그인 > "태그 입력기"를 활성화합니다.

 

---

 

2. 태그 입력기를 "적용" 합니다.

 

 

728x90

 

사이드바 태그입력기 추가

1. 블로그 관리 홈 > 꾸미기 > 사이드바 > [플러그인]을 활성화합니다.

※ 바로 구굴 번역기를 확인할 수 있는 상단의 "사이드바1'을 선택합니다.

---

 

2. 사이드바1의 [태그 입력기]에서 "편집"을 클릭 후 구글 번역기 코드를 넣어 줍니다.

 

---

 

3. 태그창의 이름을 입력 후 아래에 첨부된 코드 중 하나를 치환자에 넣어주고 "확인"을  눌러줍니다.

 

---

 

4. 마지막으로 하단의 "변경사항 저장" 눌러 설정을 완료하고 블로그로 돌아가면 사이드바 상단에 "구글 번역기"를 확인할 수 있습니다.

 

728x90

 

구글 번역기 코드

아래의 코드 중 마음에 드시는 코드를 복사하여 사용하시면 됩니다.

<div>
<!-- GTranslate: https://gtranslate.io/ -->
<a href="#" onclick="doGTranslate('ko|ko');return false;" title="Korean" class="gflag nturl" style="background-position:-0px -200px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Korean" /></a><a href="#" onclick="doGTranslate('ko|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="English" /></a><a href="#" onclick="doGTranslate('ko|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="French" /></a><a href="#" onclick="doGTranslate('ko|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="German" /></a><a href="#" onclick="doGTranslate('ko|ja');return false;" title="Japanese" class="gflag nturl" style="background-position:-700px -100px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Japanese" /></a><a href="#" onclick="doGTranslate('ko|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Spanish" /></a><a href="#" onclick="doGTranslate('ko|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Chinese (Simplified)" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:24px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/24.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/24a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
-->
</style>

 <select onchange="doGTranslate(this);"><option value="">Select Language</option><option value="ko|af">Afrikaans</option><option value="ko|sq">Albanian</option><option value="ko|ar">Arabic</option><option value="ko|hy">Armenian</option><option value="ko|az">Azerbaijani</option><option value="ko|eu">Basque</option><option value="ko|be">Belarusian</option><option value="ko|bg">Bulgarian</option><option value="ko|ca">Catalan</option><option value="ko|zh-CN">Chinese (Simplified)</option><option value="ko|zh-TW">Chinese (Traditional)</option><option value="ko|hr">Croatian</option><option value="ko|cs">Czech</option><option value="ko|da">Danish</option><option value="ko|nl">Dutch</option><option value="ko|en">English</option><option value="ko|et">Estonian</option><option value="ko|tl">Filipino</option><option value="ko|fi">Finnish</option><option value="ko|fr">French</option><option value="ko|gl">Galician</option><option value="ko|ka">Georgian</option><option value="ko|de">German</option><option value="ko|el">Greek</option><option value="ko|ht">Haitian Creole</option><option value="ko|iw">Hebrew</option><option value="ko|hi">Hindi</option><option value="ko|hu">Hungarian</option><option value="ko|is">Icelandic</option><option value="ko|id">Indonesian</option><option value="ko|ga">Irish</option><option value="ko|it">Italian</option><option value="ko|ja">Japanese</option><option value="ko|ko">Korean</option><option value="ko|lv">Latvian</option><option value="ko|lt">Lithuanian</option><option value="ko|mk">Macedonian</option><option value="ko|ms">Malay</option><option value="ko|mt">Maltese</option><option value="ko|no">Norwegian</option><option value="ko|fa">Persian</option><option value="ko|pl">Polish</option><option value="ko|pt">Portuguese</option><option value="ko|ro">Romanian</option><option value="ko|ru">Russian</option><option value="ko|sr">Serbian</option><option value="ko|sk">Slovak</option><option value="ko|sl">Slovenian</option><option value="ko|es">Spanish</option><option value="ko|sw">Swahili</option><option value="ko|sv">Swedish</option><option value="ko|th">Thai</option><option value="ko|tr">Turkish</option><option value="ko|uk">Ukrainian</option><option value="ko|ur">Urdu</option><option value="ko|vi">Vietnamese</option><option value="ko|cy">Welsh</option><option value="ko|yi">Yiddish</option></select><div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'ko',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>
</div>

---

<div>
<!-- GTranslate: https://gtranslate.io/ -->
<a href="#" onclick="doGTranslate('ko|ko');return false;" title="Korean" class="gflag nturl" style="background-position:-0px -200px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Korean" /></a><a href="#" onclick="doGTranslate('ko|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="English" /></a><a href="#" onclick="doGTranslate('ko|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="French" /></a><a href="#" onclick="doGTranslate('ko|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="German" /></a><a href="#" onclick="doGTranslate('ko|ja');return false;" title="Japanese" class="gflag nturl" style="background-position:-700px -100px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Japanese" /></a><a href="#" onclick="doGTranslate('ko|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Spanish" /></a><a href="#" onclick="doGTranslate('ko|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="//gtranslate.net/flags/blank.png" height="24" width="24" alt="Chinese (Simplified)" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:22px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/24.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/24a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
-->
</style>

 <select onchange="doGTranslate(this);"><option value="">- 언어 선택 -</option><option value="ko|af">아프리칸스어</option><option value="ko|sq">알바니아어</option><option value="ko|ar">아랍어</option><option value="ko|hy">아르메니아어</option><option value="ko|az">아제르바이잔어</option><option value="ko|eu">바스크어</option><option value="ko|be">벨라루스어</option><option value="ko|bg">불가리아어</option><option value="ko|ca">카탈로니아어</option><option value="ko|zh-CN">중국어(간체)</option><option value="ko|zh-TW">중국어(번체)</option><option value="ko|hr">크로아티아어</option><option value="ko|cs">체코어</option><option value="ko|da">덴마크어</option><option value="ko|nl">네덜란드어</option><option value="ko|en">영어</option><option value="ko|et">에스토니아어</option><option value="ko|tl">필리핀어</option><option value="ko|fi">핀란드어</option><option value="ko|fr">프랑스어</option><option value="ko|gl">갈리시아어</option><option value="ko|ka">조지아어</option><option value="ko|de">독일어</option><option value="ko|el">그리스어</option><option value="ko|ht">아이티 크리올어</option><option value="ko|iw">히브리어</option><option value="ko|hi">힌디어</option><option value="ko|hu">헝가리어</option><option value="ko|is">아이슬란드어</option><option value="ko|id">인도네시아어</option><option value="ko|ga">아일랜드어</option><option value="ko|it">이탈리아어</option><option value="ko|ja">일본어</option><option value="ko|ko">한국어</option><option value="ko|lv">라트비아어</option><option value="ko|lt">리투아니아어</option><option value="ko|mk">마케도니아어</option><option value="ko|ms">말레이어</option><option value="ko|mt">몰타어</option><option value="ko|no">노르웨이어</option><option value="ko|fa">페르시아어</option><option value="ko|pl">폴란드어</option><option value="ko|pt">포르투갈어</option><option value="ko|ro">루마니아어</option><option value="ko|ru">러시아어</option><option value="ko|sr">세르비아어</option><option value="ko|sk">슬로바키아어</option><optionvalue="ko|sl">슬로베니아어</option><option value="ko|es">스페인어</option><option value="ko|sw">스와힐리어</option><option value="ko|sv">스웨덴어</option><option value="ko|th">태국어</option><option value="ko|tr">터키어</option><option value="ko|uk">우크라이나어</option><option value="ko|ur">우르두어</option><option value="ko|vi">베트남어</option><option value="ko|cy">웨일스어</option><option value="ko|yi">이디시어</option></select><div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'ko',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>
</div>

---

<div id="google_translate_element"></div> <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script type="text/javascript"> function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'ko',autoDisplay: false}, 'google_translate_element');} </script>

---

<div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'ko', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');}</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

 

마무리

코드를 제대로 잘 넣었다면 티스토리 블로그 메인화면으로 갔을 때 사이드바 상단에 "구글 번역기"를 확인할 수 있으며, 언어 선택 시 블로그가 자동으로 해당 언어로 바뀌게 됩니다.

 

이제부터 우리의 블로그는 글로벌한 블로그가 되었습니다.

 

"쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다"