본문 바로가기
티스토리 및 각종 생활 정보

글로벌 티스토리 설정하기(구글 다국어 위젯 설정)

by 카이사르000 2023. 4. 29.
반응형

티스토리를 글로벌하게 유지 시키고 싶으시다면 이방법을 활용해 보세요!

1. 아래의 HTML 코드를 복사한다. 

<p></p>

<divstyle="border: 1px solid #dadada; padding: 10px 10px;">
<divstyle="border-bottom: 1px solid #dadada;">
<h3>다국어 번역</h3>
</div>
<divstyle="border-bottom: 1px solid #eeeeee; padding-top: 10px;">
<ahref="#"onclick="doGTranslate('ko|ko');return false;"title="한국어"class="gflag nturl"style="background-position:-0px -200px;"><imgsrc="//gtranslate.net/flags/blank.png"height="24"width="24"alt="한국어"/></a>
<ahref="#"onclick="doGTranslate('ko|en');return false;"title="영어"class="gflag nturl"style="background-position:-0px -0px;"><imgsrc="//gtranslate.net/flags/blank.png"height="24"width="24"alt="영어"/></a>
 
 
<styletype="text/css">
<!--
a.gflag {vertical-align:middle;font-size:24px;padding:1px0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/24.png);}
a.gflagimg {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>
 
<selectonchange="doGTranslate(this);"><optionvalue="">Select Language</option><optionvalue="ko|af">Afrikaans</option><optionvalue="ko|sq">Albanian</option><optionvalue="ko|ar">Arabic</option><optionvalue="ko|hy">Armenian</option><optionvalue="ko|az">Azerbaijani</option><optionvalue="ko|eu">Basque</option><optionvalue="ko|be">Belarusian</option><optionvalue="ko|bg">Bulgarian</option><optionvalue="ko|ca">Catalan</option><optionvalue="ko|zh-CN">Chinese (Simplified)</option><optionvalue="ko|zh-TW">Chinese (Traditional)</option><optionvalue="ko|hr">Croatian</option><optionvalue="ko|cs">Czech</option><optionvalue="ko|da">Danish</option><optionvalue="ko|nl">Dutch</option><optionvalue="ko|en">English</option><optionvalue="ko|et">Estonian</option><optionvalue="ko|tl">Filipino</option><optionvalue="ko|fi">Finnish</option><optionvalue="ko|fr">French</option><optionvalue="ko|gl">Galician</option><optionvalue="ko|ka">Georgian</option><optionvalue="ko|de">German</option><optionvalue="ko|el">Greek</option><optionvalue="ko|ht">Haitian Creole</option><optionvalue="ko|iw">Hebrew</option><optionvalue="ko|hi">Hindi</option><optionvalue="ko|hu">Hungarian</option><optionvalue="ko|is">Icelandic</option><optionvalue="ko|id">Indonesian</option><optionvalue="ko|ga">Irish</option><optionvalue="ko|it">Italian</option><optionvalue="ko|ja">Japanese</option><optionvalue="ko|ko">Korean</option><optionvalue="ko|lv">Latvian</option><optionvalue="ko|lt">Lithuanian</option><optionvalue="ko|mk">Macedonian</option><optionvalue="ko|ms">Malay</option><optionvalue="ko|mt">Maltese</option><optionvalue="ko|no">Norwegian</option><optionvalue="ko|fa">Persian</option><optionvalue="ko|pl">Polish</option><optionvalue="ko|pt">Portuguese</option><optionvalue="ko|ro">Romanian</option><optionvalue="ko|ru">Russian</option><optionvalue="ko|sr">Serbian</option><optionvalue="ko|sk">Slovak</option><optionvalue="ko|sl">Slovenian</option><optionvalue="ko|es">Spanish</option><optionvalue="ko|sw">Swahili</option><optionvalue="ko|sv">Swedish</option><optionvalue="ko|th">Thai</option><optionvalue="ko|tr">Turkish</option><optionvalue="ko|uk">Ukrainian</option><optionvalue="ko|ur">Urdu</option><optionvalue="ko|vi">Vietnamese</option><optionvalue="ko|cy">Welsh</option><optionvalue="ko|yi">Yiddish</option><optionvalue="ko|bn">Bengali</option><optionvalue="ko|bs">Bosnian</option><optionvalue="ko|ceb">Cebuano</option><optionvalue="ko|eo">Esperanto</option><optionvalue="ko|gu">Gujarati</option><optionvalue="ko|ha">Hausa</option><optionvalue="ko|hmn">Hmong</option><optionvalue="ko|ig">Igbo</option><optionvalue="ko|jw">Javanese</option><optionvalue="ko|kn">Kannada</option><optionvalue="ko|km">Khmer</option><optionvalue="ko|lo">Lao</option><optionvalue="ko|la">Latin</option><optionvalue="ko|mi">Maori</option><optionvalue="ko|mr">Marathi</option><optionvalue="ko|mn">Mongolian</option><optionvalue="ko|ne">Nepali</option><optionvalue="ko|pa">Punjabi</option><optionvalue="ko|so">Somali</option><optionvalue="ko|ta">Tamil</option><optionvalue="ko|te">Telugu</option><optionvalue="ko|yo">Yoruba</option><optionvalue="ko|zu">Zulu</option></select><divid="google_translate_element2"></div>
<scripttype="text/javascript">
functiongoogleTranslateElementInit2() {newgoogle.translate.TranslateElement({pageLanguage: 'ko',autoDisplay: false}, 'google_translate_element2');}
</script><scripttype="text/javascript"src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
</div>
</div>
 
<scripttype="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){returnr[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(newRegExp('\\b'+e(c)+'\\b','g'),k[c]);returnp}('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>

2.  티스토리 관리자 모드로 들어가서 플러그인 클릭 → 배너 출력 클릭후 적용

 

3.  배너 출력 적용후 꾸미기 사이드바 클릭후 HTML 배너출력 + 클릭(사이드바 상태창 원하는곳 선택)

4. 사이드바 1, 2, 3중 선택후  편집 클릭후 HTML소스 공란에 처음 복사한 코드를 붙여넣기


사용자 모듈에 저장 체크 후 확인

5. 설정완료후 티스토리 초기화면으로 나오면 설정된 다국어 위젯이 표시되 있는걸 볼수있습니다.

다국어 번역도 설치 되었으니 자신의 티스토리 블로그를 글로벌하게 진출시켜 보시길 바랍니다.

반응형

댓글