Membuat Widget Translator Berbentuk Bendera

Hhmm, posting lagi, posting lagi, itulah keseharian blog FriendBase Menanggapi request dari sobat @setiawan yang meminta untuk script widget translator yang ada pada blog ini. Nah, kali ini lah kita akan membahasnya.

Sebagian blogger yang mendapatkan traffic juga pasti menggunakan widget translator sebagai penerjemah online di konten blognya. Blog tersebut sendiri akan merasa lebih lengkap jika menggunakan widget ini karena dianggap fiturnya semua ada. Disini, kita akan menggunakan translator dari Google Translate.

Lalu, apakah translator itu sendiri?

Google Translate (Google Terjemahan) adalah layanan yang disediakan oleh Google Inc. untuk menerjemahkan bagian teks atau halaman web dalam satu bahasa ke bahasa lain. Untuk beberapa bahasa, pengguna diminta untuk memberikan terjemahan alternatif, seperti untuk istilah teknis, yang akan dimasukkan untuk pembaruan dalam proses penerjemahan selanjutnya.

Sobat blogger bisa lihat di sebelah kiri atas blog saya yang saya pasang fasilitas google translate tersebut. Silahkan diklik gambar bendera mana untuk ganti bahasa yang sobat inginkan, maka blog ini akan berubah sesuai dengan bahasa yang sobat inginkan.

Cuma masalahnya terjemahan bahasa yang kita inginkan terkadang agak membingungkan, maklum yang menterjemahkannya adalah mesin….hehehe…

Cara pasang google translate ini juga cukup mudah koq, untuk memasangnya silahkan ikuti cara di bawah ini:
Untuk Blogspot

1. Login ke akun blogger sobat
2. Setelah itu masuk ke menu Rancangan
3. Pada tab Elemen Laman, klik Add a Gadget/Tambah Gadget
4. Pada jendela yang terbuka, gerakan mouse ke bawah lalu klik HTML/Javascript
5. Isikan kode beriku pada kolom yang ada:

<center> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="English"><img alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOHrmWp9s0aCjRTRic711B5R-QmJKkwhcfzS5BOtkyAYs4NG4DvYoiNqOqgLVHFvjypA2SqxP3-SDk-sClzYWQq4eRn4f0ugqMX6asRtquN_hAqiClLAfoMfHbQhKKN1VgDDRhY8Romog/?imgmax=800" title="English" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="French"><img alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNprq3ByRb0xiVLjBoGuc2JOzoyEGhZGp6vq-PifyoEH4G5DysxHE7Hn8Adqh-9lldropOx9ax-qWLKWsIYhxbUgXy_v9kPPjuKhvSzGFLQW33qF0tbdbsUskN5cUsfvAntlJpIA15mY/?imgmax=800" title="French" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="German"><img alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwKOL8l6gv7K4AGXcQhCzUcIRQpDsi9m6GeuJ1tpABUmn3qnfwO7TrOM_Q80Rm_WL13mYsrcC1blT2nPELgxSqhbcAL0NJ6pABQTwYXVL9V3O-RrPXMYRJgHtuw0Cusbr142UX7VrnPOK/?imgmax=800" title="German" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain"><img alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixY-jz7eC2Ug97nRchWSfq2DCYnGoA6pMaiaXAVDsLdiAOiVKqCM6LGcX_WTtZuxPsrb8ZnSaWgOTO56J5rkHzls8TuNX8-HKAdGlpG6VYZkPeZEmziQxTz6MRXRCq13tzWp76XPvrkMfJ/?imgmax=800" title="Spain" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian"><img alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ywFBspsAUlM5aSsQUHR0Z11e6X9_uACSv6xNSoBobwbhnNhqFP3_9oOfhog-xKuraEShtIAyCkHISzsRUa-xmrPkOLKbBWfve4ha3XPfg5Q3Ni-AwXiKG2Sc0tAHT1MgVy6_aL4Nlbk/?imgmax=800" title="Italian" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch"><img alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBEjLPGHHot3MV_ZQ_etBq6qvVctTctV1BkYuUZsm8wlX6RVaiu1VHhUgBvrGVAyvDOXdssoIlUQ_xupIFEY242v57E66a85wT3bMIZXgYem4wjjE2nnUffYfD-7k95cjFedm8ty8z77E/?imgmax=800" title="Dutch" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian"><img alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYQJFaNt_rPfvOm50FbmkSqILLeqz5kzmau53z9_5vGWHo-21D_yJBVUyuv01Ywqlon30Qf7lHzElmgNUlpgiXTcL_wH5MVvFEzwdhnvWJqv05IEgQd4gg_EfUpHWeTuM_jx7MdRgZtHk/?imgmax=800" title="Russian" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese"><img alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIze9Cw2iw42PseNhBAePC3AP06w-_LwhvegZ0W_WgMWSRxeG3jaO_7XxsX3q-8G_ke-SGdDAr0xh9RtV2th52WL43ZuGgN1EbOpu_qwX24kksigZjt-07GBgLQsWSzhpZm8IL1Sn0gI/?imgmax=800" title="Portuguese" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese"><img alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTv4QFtDy5EWKEfAIWFP5ljD7NshrjaJehrltjc-p4qMa34AhzNMbQe1Dg3yyFgEj73lfw1G36Hx12dl5wA-TsF1OuFUD_fatMXBVg5IFSzcvPbUdp4MeRidAZVOhloRjwLIrxJ6iP4lW/?imgmax=800" title="Japanese" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean"><img alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaB3FJTruodJtHjsXyEUAamE29iP3W6Tue5C-PU9-wJjYSIdb7NVHj9bgWJ08ufwhejV576xXYqyckmz1LXzwLcs5vaW-qdWNGq8Zqdj9KrD-5vae-YJwGAUvq_oYWRJxLvgQFLVXhe40/?imgmax=800" title="Korean" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic"><img alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcABXmCYYXvM3zr3GUNHaxQjcpIbl6Ch1h3xAiGhizmCrGrZJP9_FNR2u8orLN9PxB8nN8Cl4z9QsSbg4BNuNM3ZmTXZpAQ3_aY8OyxZ7mpGNVEYolXv1alELKRZoKmLN-FRbpqjJAh4/?imgmax=800" title="Arabic" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified"><img alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLav7dqo8S2tGU6ZpPLvlxgHUFVQTgtHxtAC1J7KDvJ3LsDKjw5bQJ9rcjHt-SxHKA6IxqsP_0JgOJTL3NEc03r3ttWHKoAvZfFQ6ZEPTAEJSujKrkF8EfiIVoCaYLEFL5sxHBXt5YbqQ/?imgmax=800" title="Chinese Simplified" align="absbottom" border="0" height="20" /></a></center> <<a href="http://daw-xp.blogspot.com/2011/05/cara-membuat-widget-translator.html" style="font-style: italic;align='right'">Widget by DAW-XP</a>

6. Save/Simpan, dan lihat hasilnya!

Untuk Wordpress

1. Login ke blog wordpress.com Anda
2. Setelah masuk di dashbor, Anda pilih widget pada menu tampilan
3. Pada menu widget, Anda tarik widget “Teks” yang biasa untuk memasukkan teks biasa atau kode HTML ke barisan sidebar
4. Lalu, isi widget “teks” dengan kode HTML google translate berikut:

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/english_thumb3.png” title=”English”>daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/chinese-simplified_thumb1.png” title=”Chinese”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/korean_thumb1.png” title=”Korean”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/french_thumb5.png” title=”France”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/japanese_thumb1.png” title=”Japanese”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ru&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/russian_thumb1.png” title=”Russian”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|es&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/spain_thumb1.png” title=”Spain”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|ar&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/arabic_thumb1.png” title=”Arabic”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|it&amp;u=http://daw-xp.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/italian_thumb1.png” title=”Italy”>
<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|pt&amp;u=http://fikriyansyah8.wordpress.com/”> <img src=”http://fikriyansyah8.files.wordpress.com/2011/03/portuguese_thumb1.png” title=”Portuguese”>

Keterangan:
Ganti alamat yang berwarna merah dengan alamat blog Anda.

SETELAH DI COPY-PASTE GANTI TANDA PETIK (“) DENGAN TANDA PETIK (“) JUGA, KARENA TANDA PETIK (“) TIDAK BERFUNGSI DENGAN BAIK SETELAH DI PASTE-KAN SEHINGGA SETELAH DI PASTE TERKADANG KODENYA HILANG ATAU BENDERANYA TIDAK TAMPIL JADI JANGAN LUPA MENGGANTI TANDA PETIKNYA.


Referensi from yang Wordpress

• Fikriyansyah

Saya rasa itu cara yang paling mudah membuat widget translator berbentuk bendera di blog. Tunggu versi selanjutnya hanya di FriendBase

Begitulah Kiranya Step by Step Cara Membuat Widget Translator Berbentuk Bendera