본문 바로가기

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

by Living T 2023. 6. 27.
728x90

타이틀

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

 

 

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

  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 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>

     

    마무리

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

     

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

     

    리빙 마감

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

    반응형

    ▸Googie 광고


    loading
    top