CARA PASANG GOOGLE TRANSLATE DENGAN IMAGE BENDERA NEGARA

Kali ini saya akan memposting bagaimana cara memasang google translate di blog teman - teman dengan image bendera negara. transate dengan gambar bendera ini memang sangat menarik untuk dilihat di bandingkan dengan bentuk tulisan. gambar yang di tampilkan yaitu gambar - gambar masing masing negara yang bahasanya ingin di terjemahkan oleh pengunjung blog teman - teman. dengan demikian widget google translate akan semakin menarik untuk dilihat dan digunakan.

Contoh widget google translate berbentuk gambar bendera yang akan kita tampilkan adalah seperti pada gambar di bawah ini. setiap gambar bendera yang kita sorot akan muncul nama negara dari pemilik bendera tersebut.


Buat kalian yang ingin memasang widget google translate di blog pribadi kalian dapat mengikuti langkah - langkah sebagai berikut :
  1. Login ke blogger.com dengan ID kalian
  2. Pilih tata letak
  3. Selanjutnya klik tambah gadget
  4. kemudian pilih tambah HTML/Javascipt
  5. selanjutnya copy kode HTML di bawah ini kedalam HTML/Javascript tadi
 <center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>

setelah selesai tinggal klik SIMPAN.
dan lihat hasil nya di blog teman - teman. selamat mencoba.
 





Post a Comment

0 Comments