Cara Membuat widget Translator Bentuk Bendera Negara di WordPress

Ini contoh hasil perjuangan saya untuk membuat widget Translator bentuk bendera negara di wordpress :

Cara Praktis Memasang Widget Translate Di WordPress :

ganti link blog yang warna biru dengan link blog anda !

link translate ke English :

<a href="http://translate.google.com/translate?hl=id&langpair=id|en&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/bendera-inggris.gif"alt="English" width="60" height="30" /></a>

link translate ke China :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=zh-CN&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/china.gif"alt="China" width="60" height="30" /></a>

link translate ke Japan :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=ja&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/japan.gif"alt="Japan" width="60" height="30" /></a>

link translate ke Vietnam :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=vi&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/vietnam.gif"alt="Vietnam" width="60" height="30" /></a>

link translate ke Philippines :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=tl&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/philippines.gif"alt="Philippines" width="60" height="30" /></a>

link translate ke Malaysia :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=ms&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/malaysia.gif"alt="Malaysia" width="60" height="30" /></a>

link translate ke Arabia :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=ar&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/saudi-arabia.gif"alt="Arabia" width="60" height="30" /></a>

link translate ke Spain :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=es&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/spain.gif"alt="Spain" width="60" height="30" /></a>

link translate ke Korea :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=ko&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/south-korea.gif"alt="Korea" width="60" height="30" /></a>

link translate ke Germany :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=de&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/germany.gif"alt="Germany" width="60" height="30" /></a>

link translate ke Italy :

<a href="http://translate.google.com/translate?hl=en&sl=auto&tl=it&u=http://pobersonaibaho.wordpress.com"> <img src="http://pobersonaibaho.wordpress.com/wp-content/uploads/2011/01/italy.gif"alt="Italy" width="60" height="30" /></a>

link translate ke French :

<a href="http://translate.google.com/translate?hl=en&sl=id&tl=fr&u=http://pobersonaibaho.wordpress.com"> <img src="http://i25.tinypic.com/nnslrn.jpg"alt="French" width="60" height="30" /></a>

Cara Manual 1 :

Ini contoh link translate ke English

1. Pertama- Warna merah untuk url gambar

kamu harus siapkan gambar (jpg, jpeg) atau animasi (gif) yg akan di jadikan icon pada sidebar. Harus berupa link, bila kamu kesulitan mendapat link gambar yg kamu lihat, klik kanan lalu save di komputer. Kamu dapat upload di wordpress dan tersimpan di Media dan tentu sudah tersedia linknya.

beberapa situs penyedia gambar animasi bendera :

2. Warna ungu untuk mengatur ukuran bendera

Tinggal ubah saja width dan height sesuai keinginan anda

3. Warna biru adalah link menuju halaman yang telah di translate ,

bila anda bingung untuk mendapatkan linknya ini caranya :

– Klik perangkat bahasa pada google
– masukkan link blog kita ke terjemahan halaman web
– copy link translate ke english

Cara Manual Kedua :

Buka add new posts dan pilih mode HTML

add picture from url 9 masukkan url gambar)

klik mode visual untuk melihat bendera

klik bendera dan pilih Edit image

masukkan link terjemahan mis : ke English

ubah mode ke HTML, lalu copy kode nya, dan paste di widgets

Finish

Paste kode HTML ke widgets

SETELAH SAYA COBA DAN PERIKSA TERNYATA ADA KESALAHAN PADA KODE ATAU LINK ANIMASI ANDA.. LIHAT SAJA YG WARNA MERAH

link translate ke Netherlands :

<a href="http://translate.google.co.id/translate?hl=id&amp;sl=id&amp;tl=nl&amp;u=http%3A%2F%2Fekosuwirno.wordpress.com%2F

"> <img src="http://ekosuwirno.files.wordpress.com/2011/03/flag-netherlands.gif" alt="bendera belanda"width="75" height="35" /></a>

link translate ke Netherlands :

<a href=http://translate.google.co.id/translate?hl=id&amp;sl=id&amp;tl=nl&amp;u=http%3A%2F%2Fekosuwirno.wordpress.com%2F"><img title="flag Netherlands" src="http://ekosuwirno.files.wordpress.com/2011/03/flag-netherlands.gif?w=150" alt="bendera belanda" width="75" height="35"

/></a>

eko suwirno

March 10, 2011 at 3:47 am

salam kenal, terima kasih sebelumnya semua tips dan tutorialnya.
tapi saya ada kendala setelah saya masukan semua, setelah tampil kok cuma bendera inggrisnya yang bisa berkibar, gima tuh ? terima kasih sebelumnya …

alamat saya :
http://ekosuwirno.wordpress.com
bisa tukar link … terima kasih lagi.

poberson naibaho

March 10, 2011 at 5:53 am

poberson naibaho
March 10, 2011 at 5:58 am

Gimana ? silahkan coba perbaiki.. bila masih ada masalah siap mencoba membantu

klu boleh tahu anda pakai cara praktis atau manual ? pasti manual ya hehe

Shies Adja

March 10, 2011 at 12:49 pm

thank’s atas kunjungannya gan . . . 😀
ternyata tutorial juragan lebih mantap dibandingkan punya aQ
@ tak lupa juga salam kenal

poberson naibaho
March 10, 2011 at 4:06 pm

wah gitu ya.. haha.. ya sudah sama2 belajar lah kita..

salam kenal juga.. tukaran link yuk.. aku masukin ya linkmu.. entar kamu jg..

thanks

Saipuddin

March 12, 2011 at 8:12 am

terimakasih juga atas kunjungannya mas,

wah,, model animasinya lain lagi, tapi ngapa English dan Franch tidak sama ya??? 😆

poberson naibaho
March 12, 2011 at 12:30 pm

haha iya emang sumbernya beda..

entar lah aku cari pasangannya.. hehe

thanks jg ya atas kunjungannya…

😀