Cara Pasang Widget Translate di Blogger

Interaksi dunia nyata tidak terlepas dari persoalan bahasa. Alat komunikasi ini menjadi perantara agar maksud bisa tersampaikan. Begitu juga dengan interaksi dunia maya melalui media internet.

Blog dan pengunjung adalah salah satu contoh. Meskipun target blog untuk pengunjung dengan bahasa tertentu. Tidak menutup kemungkinan ada pengunjung dari negara lain dengan bahasa yang berbeda.

Oleh karena itu, blog ini disediakan penerjemah bahasa. Dan artikel ini memaparkan bagaimana cara memasang widget translate tersebut.  

Apa itu Widget Translate?

Bagi pemula yang belajar komputer secara otodidak dari nol mungkin ada yang bertanya:"Apa sih yang dimaksud dengan widget? Kata-kata ini sering ditemui pada bahasan seputar blog?"

Untuk memahami istilah tersebut dengan mudah sebetulnya tidak harus dari sebuah definisi. Istilah "widget" juga tidak pas jika diterjemahkan ke dalam bahasa kita.

Oleh karenanya, saya biarkan istilah tersebut apa adanya. Anggap saja sebuah alat yang bisa difungsikan sesuai kehendak pembuatnya. Jadi, jika alatnya berfungsi sebagai penerjemah satu bahasa ke bahasa lainnya. Saat itulah kemudian disebut sebagai widget translate; alat penerjemah.

Gambar oleh Muhammad Hassan dari Pixabay  

Cara Pasang Widget Translate di Blogger

Sekarang, bagaimana cara membuatnya? Berikut ini tahapannya.
1. Masuk ke Dashboard Blogger
2. Pilih Tata Letak (Layout)
3. Pada bagian Sidebar, pilih Tambahkan Gadget (Add a Gadget)

 
4. Pilih HTML/JavaScript

 
5. Kopi paste kode berikut:

<style type="text/css"> #translator-wrapper { display:block; width:99%; 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:#FF4F4F; border:none; color:#fff; margin:0 0; text-decoration:none; position:absolute; top:0; right:0; bottom:0; cursor:pointer; width:19%; 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 {background-color:#222222;} #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:#27ae60; 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('https://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en'); return false; }; })(); </script>
 

6. Klik Simpan (Save)

7. Klik icon disket yang berada di sebelah kanan paling bawah untuk menyimpan setelan. Hasil akhirnya bisa dilihat sebagaimana terlihat pada sidebar blog ini.

Memang, ada browser yang mempunyai kemampuan menerjemah. Tapi tidak semua pengguna mengetahui hal tersebut. Karenanya, memasang widget translate ini tetap perlu meskipun hasilnya kurang akurat. Saya pikir ini bentuk layanan yang bisa kita berikan kepada pengunjung.

Demikian, semoga bermanfaat.

Baca Juga