Cara Memasang Google Translator Berbendera di Blog WordPress

Sebenernya tutor ini dah lama banget dan saya rasa temen-teman blogger lainnya pun sudah banyak yang tahu. Bukan bermaksud sok tahu, tapi artikel ini saya tujukan kepada teman2 blogger yang masih baru berkecimpung di dunia per-blogger-an. Berikut kode html-nya, tinggal dipasang di blog kalian. Tak terlalu banyak bahasanya, kapi kalau temen-temen pengen nambah lagi silakan googling atau gak blogwalking. Untuk cara masangnya begini, simak baik-baik:

  1. Buka dasbor blogmu
  2. Terus pilih Tampilan -> Widget
  3. Selelah itu pilih(aktifkan) widget Teks/Html yang ada di sebelah kiri ke kotak yang berada di kanan. Caranya tinggal letakan pointer mouse kemu tahan terus geser ke kotak yang ada di sebelah kana.
  4. Terserah mau di kasih judul apa mau Google Translate, atau apa menurut selera. Inget nulis judulnya di kotak yang kecil/diatas bukan kotak ke dua yang besar karena itu buat ngisi kode Htmlnya.
  5. Setelah buat judul lalu arahkan pointer di kotak kedua, copy kode Html di bawah terus tinnggal paste. Setelah itu klik simpan. Tunnggu sampe Judul Widget kamu muncul.
  6. Selesai.

Untuk kode Html nya di bawah ini:

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/english.png&#8221; title=”English”></a>

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|zh-CN&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/chinese.png&#8221; title=”Chinese”></a>

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=https://mediacerebri.wordpress.com/“>  <img></a>

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|de&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/germany.png&#8221; title=”Germany”></a>

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/france.png&#8221; title=”France”></a>

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/japanese.png&#8221; title=”Japanese”></a>

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ar&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/arabian.png&#8221; title=”Arabian”></a>

Sebenernya kalau kamu punya Web dengan domain sendiri atau punya blog di Blogspot, gak usah pake kode Html, tinggal pake Google Gadget aja. Untuk wordpress gak bias karena wordpress gak ngedukung javascript. Kalau ada yang berminat buka aja di http://www.google.com/webmasters/gadgets.html.

Catatan: sebelum di pasang kode Htmlnya mohon diganti tulisan yang dihitamkan (lihat contoh di bawah) dengan nama blogmu. Karena kalau gak, disaat mau menranslate blogmu bukan blogmu yang keluar. Jd mohon diganti (sdk maksa).

Dari, contoh:

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=https://mediacerebri.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/english.png&#8221; title=”English”></a>

Diganti menjadi, contoh:

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://Yourblog.wordpress.com/“>  <img src=”http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/english.png&#8221; title=”English”></a>

Selamat mencoba…..

Sumber : diambil dari beberapa sumber termasuk http://projectofjava.wordpress.com


16 responses to this post.

  1. terima kasih infonnya, saya coba ya!!

    Reply

  2. gan gmana si bokon STATISTIK BLOG.
    di blog kmu..

    saya bingung, mohon bantuannya…

    Reply

  3. ok trim tutorialnya
    langsung di coba

    Reply

  4. Posted by dhycana on August 18, 2010 at 8:16 AM

    terima kasih infonya….

    Reply

  5. makasih bos infonya……!!!!!

    Reply

  6. Posted by ezra05 on September 8, 2010 at 11:37 AM

    berhasil

    Reply

  7. Posted by Salmon Pelangi on September 26, 2010 at 12:12 PM

    salam boleh kenalan ; …………………..

    Reply

  8. Posted by justdhemz on October 28, 2010 at 7:04 PM

    nice share.. thanks tutorialnya yah^^

    Reply

  9. I like reading through an article that will make people think.

    Also, many thanks for allowing for me to comment!

    Reply

  10. […] Pasang pula Google Translate. […]

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: