Kamis, 31 Mei 2012

Widget Google Translate Berbendera di Blogger


Google translate adalah layanan terjemahan gratis dari google. Dengan google translate, kita dapat menerjemahkan dokumen pada komputer kita, bahkan halaman web berbahasa asing pun dapat kita terjemahkan ke bahasa Indonesia atau bahasa lainnya. Di dalam membuat blog, pada umumnya blogger membuat blog tersebut menggunakan bahasa tunggal (1 bahasa saja), namun dengan menggunakan google translate kita dapat membuat menjadi beberapa bahasa.

Google Translate 3 (Tiga) Bahasa
Google translate ini hanya terdiri dari 3 bahasa yakni Bahasa Indonesia, Bahasa Inggris dan Bahasa Arab. Jika Anda ingin memasangnya pada blog Anda, silahkan salin (copy) kode html berikut dan tempelkan (paste) pada website Anda.

<html>
<a href="http://www.naskah.net">
<b style="color: blue;">Choose Language</b></a><br/><br/>
<a class="google_translate" href="#" rel="nofollow" title=" Bahasa Indonesa" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cid&hl=id'); return false;"><img alt="indonesa" border="0" align="absbottom" title="Bahasa Indonesa" height="24" src="http://naskah.net/indonesia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img align="absbottom" alt="English" border="0" height="24" src="http://naskah.net/inggris.jpg" style="cursor: pointer; margin-right: 10px;" title="English" width="32" ></a><a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=6761221059464792771#" rel="nofollow" title="Al Arabia"><img align="absbottom" alt="Arabic" border="0" height="24" src="http://naskah.net/arab.jpg" style="cursor: pointer; margin-right: 10px;" title="Al Arabia" width="32" ></a>
</html>

Hasil Dari Kode HTML di atas adalah seperti gambar berikut:



Choose Language





2. Google Translate Banyak Bahasa (Multi Language)
Google Translate Berikut ini terdiri dari 8 bahasa yaitu Bahasa Indonesia, Bahasa Inggris, Bahasa Arab, Bahasa Prancis, Bahasa Jerman, Bahasa Spanyol, Bahasa Italia, Bahasa Belanda, Bahasa Rusia, Bahasa Portugis, Bahasa Jepang, Bahasa Korea dan Bahasa Mandarin Aksara Sederhana. Syntax/Kode HTML-nya sebagai berikut:

<html>
<a href="http://www.naskah.net">
<b style="color: blue;">Choose Language</b></a><br/><br/><a class="google_translate" href="#" rel="nofollow" title=" Bahasa Indonesa" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cid&hl=id'); return false;"><img alt="indonesia" border="0" align="absbottom" title="Bahasa Indonesa" height="24" src="http://naskah.net/indonesia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" 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="24" src=" http://naskah.net/inggris.jpg " style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Al Arabia" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=ar'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Al Arabia" height="24" src="http://naskah.net/arab.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=fr); return false;"><img alt="French" border="0" align="absbottom" title="Francais" height="24" src="http://naskah.net/prancis.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=de'); return false;"><img alt="German" border="0" align="absbottom" title="Germany" height="24" src="http://naskah.net/jerman.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=es'); return false;"><img alt="Spain" border="0" align="absbottom" title="Espanol" height="24" src="http://naskah.net/spanyol.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cit&hl=it'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italiano" height="24" src="http://naskah.net/italia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=nl'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Netherland" height="24" src="http://naskah.net/belanda.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=ru'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://naskah.net/rusia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=pt'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://naskah.net/brazil.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cjp&hl=jp'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://naskah.net/jepang.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=ko'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://naskah.net/korea.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=zh-cn'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://naskah.net/china.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a>
</html>


Hasilnya adalah seperti gambar berikut:


Choose Language




Cara Memasukkan Google Transfer Ke Blogger
Untuk memasukkannya ke blogger tentu sangat mudah, cukup menyalin semua kode html lalu ditempelkan ke blog kita.  Untuk memasukkannya, silahkan login ke blogger, lalu ke Panel tata letak, dan kira-kira tampilannya sebagai berikut:

 Klik pada tambah widget laliu akan muncul tampilan berikut:

Pilih HTML/JavaScript dan akan muncul tampilan berikut:

Judul kosongkan saja, salin semua kode html di atas lalu paste (tempelkan) pada konten, seperti tampak pada gambar berikut:
Klik Simpan dan lihat tampilan blog Anda, lalu uji apakah terjemahannya jalan atau tidak.

Catatan:
Anda dapat mengubah besar gambar bendera pada google translate di atas, lihat pada height (tinggi gambar) dan widht (lebar gambar) agar dalam blog Anda dapat tersusun dengan rapi. 

sumber : http://www.naskah.net/2012/05

Tidak ada komentar:

Posting Komentar