24 C
id

Cara Memasang Google Translate di Blogger

Google Translate merupakan sebuah layanan terjemahan yang ditawarkan oleh perusahaan multinasional Google LLC. Biasanya berfungsi untuk translate kata dan tulisan ke dalam bahasa lain. Namun perlu anda ketahui google terjemahan bisa juga digunakan untuk menterjemahkan suatu blog atau website dengan mudah.

Sebagai seorang blogger fitur seperti itu sangatlah berguna dan membantu para pengunjung luar negeri bisa membaca artikel kita sesuai dengan bahasa negara mereka. Karena itulah, jika anda belum mengetahui cara memasang widget google translate bisa menyimak ulasannya dibawah ini.


A. Langkah-langkah Memasang Widget Google Translate

1. Buka Blogger > Klik Tata Letak > Kemudian klik pada Tambah Gadget > Google Translate/Terjemahan.

2. Selanjutnya anda bisa menyesuaikan widget terjemahan sesuai kebutuhan. Anda bisa mengatur Judul dan Gaya tampilan widgetnya.

3. Kalau sudah klik Simpan dan lihat hasilnya. Kurang lebih seperti gambar berikut..


B. Cara Memasang Widget Google Translate Keren?

Google Translate memang terkenal sebagai penerjemah suatu bahasa ke bahasa tertentu. Terkadang kita tidak puas hanya dengan tampilan default yang diberikan oleh Google Translate. Karena nya teman-teman bisa mencoba tampilan widget google translate yang lebih keren berikut.

1. Buka Blogger > Klik Tata Letak > Kemudian klik pada Tambah Gadget > HTML/JavaScript > Tambahkan kode dibawah ini di dalamnya.


<style type="text/css"> #translator-wrapper{display:block;width:90%;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="selected">English</option> <option value="id">Indonesian</option> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="zh-CN">Chinese</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="kn">Kannada</option> <option value="ko">Korean</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="mk">Macedonian</option> <option value="ms">Malay</option> <option value="mt">Maltese</option> <option value="no">Norwegian</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sr">Serbian</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="es">Spanish</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="yi">Yiddish</option> </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('//translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en'); return false; }; })(); </script>

2. Simpan Widget dan lihat hasilnya

  • Catatan: Anda bisa mengubah style css nya sesuai dengan keinginan anda, termasuk pemilihan warna, besar kecil ukuran widget terjemahannya. Karena itu belajarlah coding css hehe..


Demikian artikel cara memasang widget google translate yang bisa anda pelajari. Semoga bermanfaat dan menambah wawasan teman blogger semua.

Postingan Lama
Postingan Lebih Baru

Posting Komentar

Ads Single Post 4