MASIGNALPHAS2101
6241506638334725908

Cara Membuat Widget Translate Berbentuk Bendera

Cara Membuat Widget Translate Berbentuk Bendera
Add Comments
2/26/2015
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.

Baca juga : 

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:

Cara Membuat Widget Translate Berbentuk Bendera 

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.


<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
Moch Adnan

Seorang Blogger biasa yang hanya sekedar ingin berbagi. Menulis dan mengutak-atik HTML