26.2.15

Cara Membuat Widget Translate Berbentuk Bendera

Untuk merubah tulisan artikel dalam blog ke dalam bahasa lain, kita bisa menggunakan widget Translate. Yang mana dengan menggunakan widget tersebut, maka maka tulisan artikel yang ada dalam blog bisa menyesuaikan dengan bahasa Negara yang dituju. Sebelumnya saya pernah memposting cara memasang Google translate ini kedalam sidebar blog, baca lengkapnya. Namun untuk kali ini tampilannya agak berbeda, dimana widget translate ini nantinya akan dilambangkan dengan masing-masing bendera Negara, dan nantinya bahasa penulisan artikel tersebut pun akan mengikuti sesuai bahasa dari masing-masing bendera tersebut. Para pengguna cukup mengklik logo bendera tersebut untuk mentranslate tulisan artikel tersebut.

Cara Membuat Widget Translate Berbentuk Bendera
Perhatikan gambar berikut ini, karena nantinya tampilan widget translate yang akan kita bahas ini akan sama persis seperti yang ditunjukkan dalam gambar tersebut. Nah, untuk membuatnya dan memasangnya kedalam sidebar blog, silahkan ikuti langkah-langkah seperti berikut ini:

Pertama masuk (Login) kedalam dasbor blog.
Ke dua, dan tentu saja setelah anda berada dalam dasbor blog, silahkan pilih ‘Tata letak’ kemudian pilih lagi ‘Add a gadget/Tambahkan gadget baru’ Lalu pilih “HTML/JavaScript”.
Ke tiga, copy dan pastekanlah kode berikut ini kedalam widget HTML tersebut.

<center>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cen&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='English'>
<img align='absbottom' alt='English' border='1' height='30' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png' style='cursor: pointer;' title='English'/>
</a>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cfr&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='French'>
<img align='absbottom' alt='French' border='1' height='30' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png' style='cursor: pointer;' title='French'/>
</a>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cde&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='German'>
<img align='absbottom' alt='German' border='1' height='30' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png' style='cursor: pointer;' title='German'/>
</a>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Ces&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='Spain'>
<img align='absbottom' alt='Spain' border='1' height='30' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png' style='cursor: pointer;' title='Spain'/>
</a>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cit&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='Italian'>
<img align='absbottom' alt='Italian' border='1' height='30' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png' style='cursor: pointer;' title='Italian'/>
</a>


<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cpt&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='Portuguese'>
<img align='absbottom' alt='Portuguese' border='1' height='30' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png' style='cursor: pointer;' title='Portuguese'/>
</a>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cja&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='Japanese'>
<img align='absbottom' alt='Japanese' border='1' height='30' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png' style='cursor: pointer;' title='Japanese'/>
</a>
<a onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cko&amp;hl=en&apos;); return false;' rel='nofollow' style='cursor: pointer;' target='_blank' title='Korean'>
<img align='absbottom' alt='Korean' border='1' height='30' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png' style='cursor: pointer;' title='Korean'/>
</a></center>

Catatan: Untuk bagian judul widget, anda bisa membiarkannya kosong atau jika mau bisa memberinya judul, dengan judul Translate This Blog.

Ke empat dan untuk terakhir kalinya, silahkan anda klik tomcol ‘Save’ guna menyimpan hasil kerja anda ini.
Demikianlah, dengan mengikuti langkah-langkah yang tadi saya tuliskan tersebut, maka anda akan menghasilkan sebuah widget Translate berupa bendera keren. Selamat mencoba. :D

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Membuat Widget Translate Berbentuk Bendera . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar