Membuat Widget Translasi Bahasa Blogger

Hai sobat, pernah kah kalian menemukan blog atau website, namun di dalam blog tersebut ternyata menggunakan bahasa yang tidak kita mengerti, misalnya bahasa inggris, yang mau tidak mau harus kita translasikan dulu ke dalam bahasa indonesia dan mungkin akan sedikit repot, hmmm... coba ada widget yang sekali klik maka bahasa pada blog tersebut berubah sesuai keinginan...ada gak yaa??? ada kok, ini saya akan jelasin caranya dan gampang pula.

Seperti biasa, masuk ke design, di tab page element tambahkan klik add a gadget, lalu pilih HTML/JavaScript pada jendela yang baru saja terbuka.

Untuk judul, bisa di isikan dengan nama Translate to, atau terserah sobat.

Masukkan kode di bawah ini ke dalam widget yang baru.

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=kode bahasa asal|kode bahasa yang di tuju&hl=kode interface'" title="Translate to English" target="_blank"><img border="0" style="cursor: pointer;" src="https://sites.google.com/site/marielfeather/marielfeather-files/INDN0001.GIF" /></a>

• kode bahasa asal adalah bahasa asli blog sobat.
• kode bahasa yang di tuju adalaha ke bahasa mana blog tersebut akan di terjemahkan.
• kode interface adalah bahasa yang akan di gunakan google translate.
• https://sites.google.com/site/marielfeather/marielfeather-files/INDN0001.GIF ini adalah gambar benderanya dan bisa di ganti sesuai selera sobat masing-masing.
• dan untuk kode nya bisa di ambil dari gambar di bawah ini

contohnya seperti ini nanti...

kodenya seperti ini...

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id|en&amp;hl=en'" target="_blank" title="Translate to English"><img border="0" src="https://sites.google.com/site/marielfeather/marielfeather-files/UNST0001.GIF" style="cursor: pointer;" /></a>
<a class="translate-flag"  onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=en|id&amp;hl=en'" target="_blank" title="Translate to Indonesian"><img border="0" src="https://sites.google.com/site/marielfeather/marielfeather-files/INDN0001.GIF" style="cursor: pointer;" /></a>

Jika sobat ingin mempercantik widget tersebut, maka bisa mengedit kode bi bawah ini dan letakkan sebelum atau sesudah kode widget translator, tapi jika tidak digunakan juga tak apa.

<style>
.translate-flag img {
/* add styling codes here */
}
</style> 

Selamat mencoba, jika ada yang kurang jelas silakan ditanya melalui koment di bawah. Dan terima kasih sudah mau mampir dan membaca blog saya. :)