Translate bahasa dalam sebuah blog memang sebuah kewajiban mengingat para pengunjung blog kita tidak sebatas pada negara kita sendiri dimana bahasanya adalah sama Bahasa Indonesia.
Pengunjung dari berbagai belahan dunia berkesempatan juga untuk membaca artikel kita yang tertulis dalam bahasa Nasional kita. Hampir dipastikan sebagian besar dari mereka tidak tahu bahasa yang kita tulis.
Baca Juga : Membuat Efek Gelembung Air Cantik di Halaman Blog
Untuk membuat blog kita semakin terkenal adalah pemasangan widget translate bahasa, karena dengan widget inilah blog kita dapat ditranslate ke dalam berbagai bahasa yang ada di dunia tidak terkecuali.
Dipastikan bila blog sudah terpasang widget ini maka pengunjung dari manapun dengan beragam bahasa juga akan mengerti maksud dari tulisan di artikel postingan kita. Karena mereka tinggal klik translate dan berubahlah bahasa dalam blog kita.
Baca Juga : Trik Daun Berjatuhan di Blog dengan HTML dan CSS
Tidak sebatas dari dalam negeri, setelah blog kita terindex bagus di search engine kemungkinan besar yang mengakses blog kita bisa saja orang Rusia dengan bahasanya, orang Turki dengan bahasanya dan lain sebagainya.
Sekarang kita akan memasang widget ini, mudah kok tinggal copas saja kode yang sudah tertera dibawah ini diblog kalian.
Translate Blog kedalam Berbagai Bahasa
Masuk ke Tata Letak kemudian taruh kode dibawah ini di Tambah HTML/Javascript di kolom konten kosong yang tersedia disitu. Kodenya dibawah ini ya
<style type="text/css">
#translator-wrapper {
display:block;
width:100%;
max-width:300px;
border:none;
background-color:#fff;
color:#444;
overflow:hidden;
position:relative;
height:40px;
line-height:40px;
border:1px solid #e0e0e0;
}
#translator-wrapper select {
border:none;
background:transparent;
font-family:'Verdana',Arial,Sans-Serif;
font-size:12px;
width:100%;
color:#444;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
cursor:text;
padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
display:block;
background-color:#4791d2;
border:none;
color:#fff;
margin:0 0;
text-decoration:none;
position:absolute;
top:0;
right:0;
bottom:0;
cursor:pointer;
width:14%;
transition:all 0.3s ease;
}
#translator-wrapper a:before {
content:"";
display:block;
width:0;
height:0;
border:6px solid transparent;
border-left-color:white;
position:absolute;
top:50%;
left:45%;
margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
border:none;
outline:none;
cursor:pointer;
}
option {
background:#444;
color:#e0e0e0;
}
</style>
<div id="translator-wrapper">
<select id="translate-language">
<option value="en" selected />English
<option value="id" />Indonesian
<option value="af" />Afrikaans
<option value="sq" />Albanian
<option value="ar" />Arabic
<option value="hy" />Armenian
<option value="az" />Azerbaijani
<option value="eu" />Basque
<option value="be" />Belarusian
<option value="bn" />Bengali
<option value="bg" />Bulgarian
<option value="ca" />Catalan
<option value="zh-CN" />Chinese
<option value="hr" />Croatian
<option value="cs" />Czech
<option value="da" />Danish
<option value="nl" />Dutch
<option value="en" />English
<option value="eo" />Esperanto
<option value="et" />Estonian
<option value="tl" />Filipino
<option value="fi" />Finnish
<option value="fr" />French
<option value="gl" />Galician
<option value="ka" />Georgian
<option value="de" />German
<option value="el" />Greek
<option value="gu" />Gujarati
<option value="ht" />Haitian Creole
<option value="iw" />Hebrew
<option value="hi" />Hindi
<option value="hu" />Hungarian
<option value="is" />Icelandic
<option value="id" />Indonesian
<option value="ga" />Irish
<option value="it" />Italian
<option value="ja" />Japanese
<option value="kn" />Kannada
<option value="ko" />Korean
<option value="la" />Latin
<option value="lv" />Latvian
<option value="lt" />Lithuanian
<option value="mk" />Macedonian
<option value="ms" />Malay
<option value="mt" />Maltese
<option value="no" />Norwegian
<option value="fa" />Persian
<option value="pl" />Polish
<option value="pt" />Portuguese
<option value="ro" />Romanian
<option value="ru" />Russian
<option value="sr" />Serbian
<option value="sk" />Slovak
<option value="sl" />Slovenian
<option value="es" />Spanish
<option value="sw" />Swahili
<option value="sv" />Swedish
<option value="ta" />Tamil
<option value="te" />Telugu
<option value="th" />Thai
<option value="tr" />Turkish
<option value="uk" />Ukrainian
<option value="ur" />Urdu
<option value="vi" />Vietnamese
<option value="cy" />Welsh
<option value="yi" />Yiddish
</select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
var mylang = "id", // Your website language
anchor = document.getElementById('translate-me');
anchor.onclick = function() {
window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
return false;
};
})();
</script>
Nah itu sudah terpampang jelas translator bahasa di blog. Seperti yang sudah tertera di blog saya ini. Terima kasih ya yang sudah mampir ke sini di artikel Translate Blog kedalam Berbagai Bahasa Dunia. Letak ini di atas Subscribe Box ya teman-teman. Salam besok jumpa lagi ya.
Label Postingan :
Tips Blog
Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Translate Blog kedalam Berbagai Bahasa Dunia . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.