Cara Membuat widget Translator Bentuk Bendera Negara di WordPress

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

EnglishChinaJapan

VietnamPhilippinesMalaysiaArabia

SpainKoreaGermanyitaly

Cara Praktis Memasang Widget Translate Di WordPress :

 

ganti link blog yang warna biru dengan link blog anda !

Englishlink translate ke English :

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

Chinalink translate ke China :

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

Japanlink translate ke Japan :

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

Vietnamlink translate ke Vietnam :

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

Philippineslink translate ke Philippines :

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

Malaysialink translate ke Malaysia :

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

Arabialink translate ke Arabia :

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

Spainlink translate ke Spain :

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

Korealink translate ke Korea :

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

Germanylink translate ke Germany :

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

italylink translate ke Italy :

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

Frenchlink translate ke French :

<a href="http://translate.google.com/translate?hl=en&amp;sl=id&amp;tl=fr&amp;u=https://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

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

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 :

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

Cara Manual Kedua :

  1. 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

 

Iklan

10 Comments »

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

      bendera belanda

      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>

      bendera belanda

      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>
  1. thank’s atas kunjungannya gan . . . 😀
    ternyata tutorial juragan lebih mantap dibandingkan punya aQ
    @ tak lupa juga salam kenal

  2. Ass, salam kenal…..makasih boss, sangat amat membantu..saya pake cara manual kedua…kalo ga percaya kunjungi saya 🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s