2 Cara Alternatif Memasang Widget Google Translate di Blogger

Kegiatan blogging umumnya hanya melibatkan penggunaan bahasa lokal dalam penulisan konten-kontennya. Tetapi kita tahu bahwa menulis diinternet itu memiliki jangkauan pembaca yang luas bahkan tidak menutup kemungkinan dibaca oleh seluruh masyarakat dunia.

Tulisan anda memang menargetkan pengunjung lokal misalnya anda yang hidup di negara Indonesia tentu saja mayoritas dari tulisan anda menyasar visitor dengan geografis Indonesia itu sendiri.

Namun, bagaimana jika ada beberapa pengunjung dari luar negeri yang sengaja membaca tulisan-tulisan anda?

Mungkin saja mereka sedang membutuhkan informasi bermanfaat yang disajikan oleh situs anda. Atau mungkin saja mereka merupakan mahasiswa yang sedang melakukan penelitian yang  berhubungan dengan negara anda.

Anda tak perlu menduga-duga terkait tujuan visitor asing berkunjung pada situs anda. Tetapi yang perlu anda ketahui adalah mereka para visitor asing tentu saja tidak akan mengerti dan memahami bahasa lokal yang  digunakan dalam tulisan anda tersebut.

Oleh karena itu, untuk membantu mobilitas dan kenyamanan visitor asing saat mengunjungi situs anda maka ada baiknya anda memasang widget penerjemah sebagai pelengkap navigasi situs yang anda miliki.

Widget penerjemah akan membantu visitor asing dalam memahami dan mengerti maksud dan tujuan tulisan-tulisan yang anda publikasikan melalui media internet tersebut.

Widget penerjemah akan menerjemahkan secara otomatis bahasa lokal ke dalam bahasa yang dipahami oleh visitor asing itu sendiri.

Tutorial memasang widget penerjemah kali ini hanya saya tujukan untuk platform Blogger saja, alasannya adalah saya sendiri sebagai penulis selama ini hanya memanfaatkan Blogger sebagai tempat menulis yang paling nyaman untuk saat ini. Tetapi sekali lagi saya tegaskan ini hanya perspektif diri saya sendiri.

Platform Blogger sendiri sebenarnya telah menyiapkan widget penerjemah yang siap dipasang pada situs kita. Tetapi menurut saya, widget terjemahan bawaan tersebut terlalu sederhana sehingga kurang menarik dan diminati untuk dipasang pada situs.

Mungkin karena alasan itu juga yang membuat kebanyakan Blogger enggan memasang widget penerjemah bawaan pada situsnya.

Tapi tenang, saya akan memberikan tutorial membuat widget penerjemah yang menarik dan efektif serta layak dipasang pada situs anda. Dalam hal ini, kita hanya memanfaatkan fitur yang telah disediakan Google yaitu Google translate. Berikut langkah-langkahnya.

2 Cara Alternatif Memasang Widget Penerjemah Google Translate di Blogger

[Cara Pertama]

1. Kunjungi situs Google Translate Manager.

2. Masukan URL situs dan bahasa asli tulisan anda pada form "Info Situs Web" yang telah disediakan. Kemudian klik berikutnya untuk menuju ke tahap selanjutnya.

3. Kini anda telah memasuki halaman "Setelan Plugin". Selanjutnya silakan atur bahasa terjemahan yang ingin anda cantumkan pada Google Translate serta atur juga mode tampilan (Vertikal, Horizontal, Tarik-turun) dan lanjutan. Berikut saran yang mungkin dapat dipertimbangkan.

Bahasa Terjemahan : Pilih beberapa bahasa yang ingin diterjemahkan berdasarkan negara pengunjung asing pada situs, jangan memilih semua bahasa.

Mode Tampilan : Pilih tarik-turun saja karena akan memudahkan pencarian bahasa yang akan diterjemahkan oleh pengunjung asing situs anda.

Lanjutan : Centang opsi paling atas "Menampilkan spanduk terjemahan secara otomatis bagi pengunjung yang bahasanya berbeda dengan laman anda". Hal ini nantinya akan berguna saat situs anda ditemukan oleh visitor asing pada mesin pencari.

4. Berikutnya pada form "Tambahkan Plugin" silakan klik "Dapatkan kode" untuk menampilkan script Google Translate yang hendak dipasang pada situs anda. Kira-kira tampilannya seperti berikut.

5. Copy kode Google Translate tersebut. Kemudian silakan pasang pada bagian template atau widget situs yang anda inginkan. Caranya: Masuk ke akun Blogger anda masing-masing.

Selanjutnya pergi ke bagian menu Tata Letak > Tambahkan Gadget > HTML / Java script > Pastekan kode script Google Translate > Simpan.

[Cara Kedua]

Untuk cara yang kedua, kita perlu memanfaatkan script kode CSS yang telah diintegrasikan dengan Google Translate sehingga kita hanya tinggal melakukan pemasangan saja pada template atau widget yang ada pada situs. Berikut tutorial pemasangannya:

1. Masuk ke akun Blogger anda masing-masing.

2. Pergi ke bagian menu Tata Letak > Tambahkan Gadget > HTML / Java script > Masukan kode script berikut:

<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 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(‘http://translate.google.com/translate?u=’ + encodeURIComponent(location.href) + ‘&langpair=’ + mylang + ‘%7C’ + document.getElementById(‘translate-language’).value + ‘&hl=en’);
return false;
};
})();
</script>

3. Terakhir klik Simpan untuk menyimpan perubahan.

Penutup

Widget Google Translate mempunyai peran yang cukup signifikan untuk mendukung navigasi situs anda.

Selain itu keberadaan widget terjemahan Google Translate pada situs akan membantu pengunjung anda dari belahan dunia sana memahami maksud dan tujuan tulisan-tulisan yang anda publikasikan. Terimakasih.