Blogger ve HTML Siteye Bayraklı Anlık Dil Çevirisi Ekleme eklentisini göstereceğiz. Blogger’a çoklu dil nasıl eklenir?Eklentimiz online bir sitede bulunan, hazır kodlardan oluşan bir sistemdir. Sitenin ismi gtranslate.io’dur. Bu servisin özellikleri son derece muhteşem. Ücretsiz ve Ücretli versiyonları bulunuyor.
Ücretli olarak satın alırsanız, dil çevirileri uzman ekip tarafından, gerçek çevirmenlerce yapılmaktadır ve içeriklerin yabancı dillere çevirileri Google tarafından index de almaktadır. Yani bir nevi farklı dillerde Web site açmış olacaksınız.
Ancak sadece sitem o anda istediğim dile çevrilsin, index almasa da olur derseniz, ücretsiz bir şekilde bu eklentiyi kullanabilirsiniz. Bu eklentiyi sitenize entegre etmek çok kolay ve üye olmanıza da gerek yoktur. Siteye girip dilleri özelleştirebilirsiniz. Yada aşağıda vereceğimiz kodları direk kopyala yapıştır ile sitenize görünmesini istediğiniz yere ekleyebilirsiniz.
Kodları direk kopyalayıp, sitenizde uygun gördüğünüz yere yapıştırınız. Daha fazla bilgi için tıklayınız.
<!-- GTranslate: https://gtranslate.io/ -->
<a href="#" onclick="doGTranslate('tr|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="English" /></a><a href="#" onclick="doGTranslate('tr|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="French" /></a><a href="#" onclick="doGTranslate('tr|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="German" /></a><a href="#" onclick="doGTranslate('tr|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Italian" /></a><a href="#" onclick="doGTranslate('tr|pt');return false;" title="Portuguese" class="gflag nturl" style="background-position:-300px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Portuguese" /></a><a href="#" onclick="doGTranslate('tr|ru');return false;" title="Russian" class="gflag nturl" style="background-position:-500px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Russian" /></a><a href="#" onclick="doGTranslate('tr|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Spanish" /></a><a href="#" onclick="doGTranslate('tr|tr');return false;" title="Turkish" class="gflag nturl" style="background-position:-100px -500px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Turkish" /></a>
<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/32a.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>
<div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'tr',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>Google Translate dil seçenekleri kodu
Aşağıdaki html kodunu kopyalayıp sitenizde butonun görünmesini istediğiniz yerine ekleyerek dil seçeneklerini aktif hale getirebilirsiniz.
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'tr', includedLanguages: 'en,ar,ru,tr'},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src= "https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
pageLanguage kısmından web sayfasının mevcut dilini belirtebilirsiniz. Eğer mevcut site dili Türkçe ise “tr” kısaltması ile bunu ekleyebilirsiniz.
Yukarıda eklenen kod siteyi Google Translate’in desteklediği tüm dillerde çeviri yapılmasını sağlar. Eğer siz bunu sınırlayarak sadece belli dillerde çeviri yapmak isterseniz aşağıdaki şekilde kodu revize edebilirsiniz. Aşağıdaki örnekte sadece Türkçe, İngilizce, Rusça ve Arapça dilleri eklenmiştir.
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'tr', includedLanguages: 'en,ar,ru,tr'},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src= "https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
Go to Blog Title → Layout → Add Widget → HTML/JavaScript. Paste the below code.
<!-- Translate flag BEGIN by memursite.com -->
<style>
ul#translate-flag {padding:0;margin:0;}
#translate-flag li {list-style: none;float:left;_display:inline;padding:0;margin:1px;width:16px;height:11px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgZqrUbPRH3demVFS6htIyozR-XxZFmV8tFg5eBwdKX1tdPjXl9ey-ZQJ3Rht3Dxf1ti2nB1o-ZRFDcbcYjGAqyHAgde-RL1nSlhdIWNmsfBYzlu3GXLVOuvZwRr67bF9g99A1fXG8cE/s1600/flags+sprite.png);background-repeat:no-repeat;}
#translate-flag li a{display:block;width:16px;height:11px;cursor: pointer;}
</style>
<ul id="translate-flag">
<li id="malay" style="background-position:0px 0px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|ms&hl=ms'" title="Translate to Malay"></a></li>
<li id="arabic" style="background-position:0px -11px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|ar&hl=ar'" title="Translate to Arabic" ></a></li>
<li id="chinese" style="background-position:0px -22px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|zh-CN&hl=zh-CN'" title="Translate to Chinese"></a></li>
<li id="estonia" style="background-position:0px -33px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|et&hl=et'" title="Translate to Estonian"></a></li>
<li id="finnish" style="background-position:0px -44px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|fi&hl=fi'" title="Translate to Finnish"></a></li>
<li id="french" style="background-position:0px -55px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|fr&hl=fr'" title="Translate to French"></a></li>
<li id="german" style="background-position:0px -66px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|de&hl=de'" title="Translate to German"></a></li>
<li id="greek" style="background-position:0px -77px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|el&hl=el'" title="Translate to Greek" id="greek" ></a></li>
<li id="hindi" style="background-position:0px -88px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|hi&hl=hi'" title="Translate to Hindi"></a></li>
<li id="indonesian" style="background-position:0px -99px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|id&hl=id'" title="Translate to Indonesian" ></a></li>
<li id="italian" style="background-position:0px -110px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|it&hl=it'" title="Translate to Italian"></a></li>
<li id="japanese" style="background-position:0px -121px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|ja&hl=ja'" title="Translate to Japanese"></a></li>
<li id="persian" style="background-position:0px -132px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|fa&hl=fa'" title="Translate to Persian"></a></li>
<li id="norwegian" style="background-position:0px -143px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|no&hl=no'" title="Translate to Norwegian"></a></li>
<li id="portuguese" style="background-position:0px -154px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|pt&hl=pt'" title="Translate to Portuguese" ></a></li>
<li id="romanian" style="background-position:0px -165px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|ro&hl=ro'" title="Translate to Romanian"></a></li>
<li id="russian" style="background-position:0px -176px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|ru&hl=ru'" title="Translate to Russian" ></a></li>
<li id="slovak" style="background-position:0px -187px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|sk&hl=sk'" title="Translate to Slovak"></a></li>
<li id="spanish" style="background-position:0px -198px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|es&hl=es'" title="Translate to Spanish"></a></li>
<li id="swedish" style="background-position:0px -209px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|sv&hl=sv'" title="Translate to Swedish"></a></li>
<li id="thai" style="background-position:0px -231px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|th&hl=th'" title="Translate to Thai"></a></li>
<li id="turkish" style="background-position:0px -242px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|tr&hl=tr'" title="Translate to Turkish" ></a></li>
<li id="vietnamese" style="background-position:0px -253px;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|vi&hl=vi'" title="Translate to Vietnamese" ></a></li>
<li id="dutch" style="background:url(http://i632.photobucket.com/albums/uu50/GreenLava/flags/nl.png) no-repeat;"><a onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en|nl&hl=nl'" title="Translate to Dutch" ></a></li>
</ul>
<!-- Translate flag END by memursite.com -->
Dil kısa kodları
includedLanguages kısmından çevirisini yapmak istediğiniz dil seçeneklerini ekleyebilirsiniz. Aşağıdaki tabloda dil seçeneklerinin kısa kodları mevcuttur.
| Sıra | Dil adı | Ana Dil Adı | Kodu |
| 1 | Afrikaans | Afrikaans | af |
| 2 | Albanian | Shqip | sq |
| 3 | Arabic | عربي | ar |
| 4 | Armenian | Հայերէն | hy |
| 5 | Azerbaijani | آذربایجان دیلی | az |
| 6 | Basque | Euskara | eu |
| 7 | Belarusian | Беларуская | be |
| 8 | Bulgarian | Български | bg |
| 9 | Catalan | Català | ca |
| 10 | Chinese (Simplified) | 中文简体 | zh-CN |
| 11 | Chinese (Traditional) | 中文繁體 | zh-TW |
| 12 | Croatian | Hrvatski | hr |
| 13 | Czech | Čeština | cs |
| 14 | Danish | Dansk | da |
| 15 | Dutch | Nederlands | nl |
| 16 | English | English | en |
| 17 | Estonian | Eesti keel | et |
| 18 | Filipino | Filipino | tl |
| 19 | Finnish | Suomi | fi |
| 20 | French | Français | fr |
| 21 | Galician | Galego | gl |
| 22 | Georgian | ქართული | ka |
| 23 | German | Deutsch | de |
| 24 | Greek | Ελληνικά | el |
| 25 | Haitian Creole | Kreyòl ayisyen | ht |
| 26 | Hebrew | עברית | iw |
| 27 | Hindi | हिन्दी | hi |
| 28 | Hungarian | Magyar | hu |
| 29 | Icelandic | Íslenska | is |
| 30 | Indonesian | Bahasa Indonesia | id |
| 31 | Irish | Gaeilge | ga |
| 32 | Italian | Italiano | it |
| 33 | Japanese | 日本語 | ja |
| 34 | Korean | 한국어 | ko |
| 35 | Latvian | Latviešu | lv |
| 36 | Lithuanian | Lietuvių kalba | lt |
| 37 | Macedonian | Македонски | mk |
| 38 | Malay | Malay | ms |
| 39 | Maltese | Malti | mt |
| 40 | Norwegian | Norsk | no |
| 41 | Persian | فارسی | fa |
| 42 | Polish | Polski | pl |
| 43 | Portuguese | Português | pt |
| 44 | Romanian | Română | ro |
| 45 | Russian | Русский | ru |
| 46 | Serbian | Српски | sr |
| 47 | Slovak | Slovenčina | sk |
| 48 | Slovenian | Slovensko | sl |
| 49 | Spanish | Español | es |
| 50 | Swahili | Kiswahili | sw |
| 51 | Swedish | Svenska | sv |
| 52 | Thai | ไทย | th |
| 53 | Turkish | Türkçe | tr |
| 54 | Ukrainian | Українська | uk |
| 55 | Urdu | اردو | ur |
| 56 | Vietnamese | Tiếng Việt | vi |
| 57 | Welsh | Cymraeg | cy |
| 58 | Yiddish | ייִדיש | yi |
Etiketler
Webmaster