11 Juli 2010

Memasang Google Translate di Blog

Posted by doArtic ActiveZone On 7/11/2010 0 comments



Kalau Anda punya blog yang menggunaakan Bahasa Indonesia dan Lihat visitor blog Anda bukan cuma dari Indonesia melainkan dari Luar Negeri. doArtic menyarankan untuk menambah Google Translate di blog Anda. Sebenarnya widget ini sudah disediakan oleh pihak Blogger tapi tidak ada salahnya jika kita membuatnya secara manual sekaligus bisa untuk belajar.

Pertama-tama masuk ke Tab Desain >> Page Element
Terus tambahin Gadget HTML baru, kemudian Copy Paste Kode dibawah ini:
 
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
Kemudian Save.

Kalau mau yang lebih gampang lagi tinggal ke http://translate.google.com
setelah masuk pilih Tools and Resources. Edit tampilan Google Translate sesukamu.

Eittsss ada lagi pilihan keren. Abis googling dapet disini
Google Translate dengan Bendera

Klo mau pasang tinggal Copy Paste kode ini aja di Sidebar

<div style="text-align:center;">

<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 border="0" alt="Arabic" style="cursor: pointer;margin-right:3px" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" title="Arabic" align="absbottom" /></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 border="0" alt="Korean" style="cursor: pointer;margin-right:3px" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" title="Korean" align="absbottom" /></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 border="0" alt="Japanese" style="cursor: pointer;margin-right:3px" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" title="Japanese" align="absbottom" /></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 border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:0px" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" title="Chinese Simplified" align="absbottom" /></a>
<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 border="0" alt="Russian" style="cursor: pointer;margin-right:3px" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" title="Russian" align="absbottom" /></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 border="0" alt="Portuguese" style="cursor: pointer;margin-right:3px" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" title="Portuguese" align="absbottom" /></a>  <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 border="0" alt="English" style="cursor: pointer;margin-right:3px" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" title="English" align="absbottom" /></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 border="0" alt="French" style="cursor: pointer;margin-right:0px" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" title="French" align="absbottom" /></a>
<br/>
<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 border="0" alt="German" style="cursor: pointer;margin-right:3px" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" title="German" align="absbottom" /></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 border="0" alt="Spain" style="cursor: pointer;margin-right:3px" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" title="Spain" align="absbottom" /></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 border="0" alt="Italian" style="cursor: pointer;margin-right:3px" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" title="Italian" align="absbottom" /></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 border="0" alt="Dutch" style="cursor: pointer;margin-right:0px" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" title="Dutch" align="absbottom" /></a></div>

0 comments: