Pasang Widget Google Translate Pada Blog

Menyadari bahwa pengunjung beberapa web saya juga cukup banyak yang berasal dari negara-negara non-English-speaking, maka saya coba mencari-cari fasilitas web translator yang cukup mudah diimplementasikan, akurasi tinggi, tidak memakan banyak space, harga terjangkau bahkan kalau ada yang gratis.

Ada software yang “katanya” akurat, tapi harganya lumayan mahal juga. Setelah cari sana sini, akhirnya tersisa dua pilihan, translator BableFish dari Altavista/Yahoo dan gadget translator dari Google. Dua-duanya bisa gratis.

Dengan pertimbangan reputasi, kemudahan implementasi dan layout web, akhirnya saya pilih pakai gadget Google Translate saja. Tapi kemudian saya ingin agar tools itu menampilkan juga simbol bendera dari negara yang bersangkutan seperti yang sering saya lihat di beberapa website lain. Secara default, gadgetnya google tidak menyediakan gambar-gambar bendera itu.

Searching sebentar, ketemu scriptnya Om Amit di Digital Inspiration yang menyediakan google translate dengan logo bendera 9 negara (Jerman, China, Jepang, Korea, Arab, Perancis, Portugis, Spanyol dan Italia). Lumayanlah.

Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :

Jadi sekarang kalau mau pasang Google Translate di web Anda, Anda tinggal ikuti langkah2 berikut:

Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman

4. Klik Tambah Gadget

5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode google translate yang tersediadi bawah ini:

<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsipBx6t_VRUy673SMPtccr4NjnZfD5XDNVDRrJu0QKysrSgbTRybSeGOXItwNsQO1SYpi122uF0SVWEZwBPxaTByMsy4W0uChXp_3WhvGbnbicJzernjnB9UqbodAd-um6ZuSpOWTAAY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi11crR28v9T1a8GQvbtW0_x9zVkMi8c97Qppo1WqhvnZsl9ZP5SpaP4SIK2pmtcMME5AF9pxL0lreFS7axDOD0TfDuqM_AB_Ga9OAmtwkL4HUfM0q4Jb9DIiwq_KYatvg-4ug4QRHpFhw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKPphEMECI9gE5lY1CYj0NlCpCT_YK-I2O7MoPy_8lbbbcj2RSt78Mxh-sxqaB4rQVDD81i9pjGDmtj9XGjRHI-mpFaLr7aqxn0-gIZzi7SkYi8IiG_jbAzGyI2eSy6QsjaeehI3RyFX4u/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4ktjrhCiuCKXbEcyPbAwiLH9MtCUzlc7IEbFXhl7xJUnOYDiq9_FmycyyXHN8tOwp636O2jldWtRwE2DYNHvdpFxHSa4fchyphenhyphenM8zq1uyes_qwTW2ehM4sgn3iSWh3LCEhv7HhH5BFyW6i/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivInFHwe5FRuC7oKMrbJtp4WjCROc7YpZ7a3Ybyk0uOVNk8Tovgoscj4FV0_2fk65m1Vqq4fzfSngZH69L6gMQS26BNeY_UY-06tIqauB_GcPt0QQrqTWv9cLhohyphenhyphenzIWsmTgun01nKGOc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeYN229CdQJ6AMc3dLU4rCLKG1ljuJuV0U9KMbgB-0CTqg_61sSkYY46IgKGyX-ao3GsLHq1HFaZiLaayBqCyubgOlReWFVuY2YlcDSpoD30-5vPgaAMyLoakV8Hqv24c0SQ9XGbuYoag/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgriGNH77KM0jWPItHkGhUcYXuWxhjdnEO65zRb2OQyw33WaDf04GL3Tvpxh0UqPDkbVM2ulXYq6E2VOMFj6nO70RzA1mcAtnXbKeVlZQni1VVYBSJPYicTE0koNMV9Q6ApswSen49rm98/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2yhTL6McWQ3H_qndOztUrOkzLJhZfX-oJKnUxV32WRyd2CFyUHCu_xdj50z9yMPuWJ6fic0WjkyOFYK4I0I0Lb1G7RaoDZB4hfDKy7BM-sEp1Hc1pLMr5kci7tblDgehZJ_jxSRGYm6w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_DWssGCHyMDTH0TrTWfvlfWDS5HoBTeKQN2dbya783TNvig5IPOmQroFokFZugJGOB1mJKqtQp2RlRxkkZscY_Q-b7HvLw7FBPPDXG3pP1HrD1hG8DcKhd0_XSg3GIcuZ_mXte0ygZuiR/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofYzT02jiwl2vQ5ZjzPb4LUMLtjAuOZxuOchqbIFcIOr6tLBx2oMkarYMEgPR3iY6RKim5T8Vscs2nNho6WD-b_c05dFyL_LlT1bqA0720DXoMPPfm-p-_AeUPHLkBR7m0ZjY3Yo1Yrc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx92kMpvKmAKL_jjEE15rl5tftNhNXUkNAnBTP-AR9GgqJRg-Zm_dy2hI0lDEW3p1VONn5Yjf8Ah2uJ_IYE7mOrFghB0-CdEQZR2ArK4rxYMPXq_qtWLSyXIBnu-db84k6OJzSfgDXNaY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNkl8ArMxqThyw-h4ttonhqZCMrFYgkay-iLynvamtTovK5G_l-MScFASfHmE9D0U73DTk5TivaKEVacZEQm6RS34SgW2oywpjurEymRYwz4HotktZgbqjhsnMY0LXX1RB92tNdvsiHyo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>

by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

7. Klik tombol Simpan
8. Selesai

Sangat mudah sekali bukan? Selamat menikmati widget google translate baru anda.

Selamat Mencobanya!!!