Memasang Bendera Translate Animasi di Blog

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:

*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)+'&amp;langpair=id%7Cen&amp;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)+'&amp;langpair=id%7Cfr&amp;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)+'&amp;langpair=id%7Cde&amp;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)+'&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://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)+'&amp;langpair=id%7Cnl&amp;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)+'&amp;langpair=id%7Cru&amp;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)+'&amp;langpair=id%7Cpt&amp;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)+'&amp;langpair=id%7Cja&amp;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)+'&amp;langpair=id%7Cko&amp;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)+'&amp;langpair=id%7Car&amp;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)+'&amp;langpair=id%7Czh-CN&amp;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...@_*

13 komentar: