Sobat bloger semau. Jumpa lagi ne dengan saya. Kali ini kita berjumpa untuk memberikan tips sederhana bagi para sobat bloger untuk membuat “Google Translate” menggunakan animasi bendera. Translate dengan gambar bendera berbentuk animasi ini nampak lebih menarik daripada menggunakan icon bendera biasa. Nantinya hasil dari animasi bendera ini akan seperti dalam blog saya. Animasi bendera ini akan ditunjukkan dengan bendera masing-masing negara yang bahasanya ingin kita terjemahkan. Dengan begitu Widget Google Translate Yang kita pasang akan lebih menarik.
Bagi sobat semua yang ingin memasang widget translate ini, silahkan mengikuti langkah-langkah sebagai berikut:
Bagi sobat semua yang ingin memasang widget translate ini, silahkan mengikuti langkah-langkah sebagai berikut:
*Silahkan sobat login ke blog sobat seperti biasa.
*Setelah logi, pilih design dan page element
*Selanjutnya tambahkan widget
*Jika pilihan widget sudah muncul, pilih tambah HTML
*Kemudian masukkan script di bawah ini:
<a style="cursor: pointer;" 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;" src="http://img263.imageshack.us/img263/6766/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)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://img263.imageshack.us/img263/8801/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)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://img42.imageshack.us/img42/7864/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)+'&langpair=id%7Ces&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)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://img689.imageshack.us/img689/2583/italiau.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)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://img97.imageshack.us/img97/8434/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)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://img198.imageshack.us/img198/4272/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)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://img97.imageshack.us/img97/6505/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)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://img263.imageshack.us/img263/674/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)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://img121.imageshack.us/img121/9944/korea.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)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://img198.imageshack.us/img198/3037/saudiarabiat.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)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://img97.imageshack.us/img97/776/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a>
NB: Silahkan pilih bendera negara sesuai keinginan. Jika ingin mengurangi, hapus yang diperlukan. Unuk bendera masing-masing negara sudah saya bedakan dengan memberikan warna masing-masing negara.
*Jika sudah, silahkan disimpan.
*Lihat hasilnya
Itu tadi tips untuk membuat widget google translate dengan bendera animasi. Semoga bermanfaat, selamat mencoba...@_*
Mantap broe... i like it
BalasHapusnice Share....
http://all-4you-download.blogspot.com/
thanks sob....jangan lupa berkunjung lage
BalasHapusgan,klo script utk bahasa india,ceko,hungaria,melayu apa??
BalasHapusoh ya, gan script nya dpt dimn
ka makasih ya ka..
BalasHapusthanks banget...
hehehe...
sama2 sob
BalasHapussip gan.. very bermanfaat
BalasHapushttp://fadlirasulianto.blogspot.com
uyeee :D
BalasHapus@antok04: sering2 berkunjung gan...@_@
BalasHapus@Sahrul: uye kembali
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
BalasHapussama2...trmakash knjungannya
BalasHapustrima kasih bang
BalasHapussama-sama
BalasHapus2020 hadir boss....
BalasHapus