MEMASANG WIDGET GOOGLE TRANSLE DI BLOG

Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.

Contohnya seperti ini yang dibuat oleh mad tomatoe








dan ini yang dibuat oleh kang rohman



Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang dibawah ini








Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan.

Bagi anda yang tertarik, silahkan copy kode dibawah ini.

Untuk Google Translate 2 baris. Gunakan kode dibawah ini:

<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiElA5E1zW4ka227VzqZXTfmWgkGCMKVlFEXhms80P_I5Wih1i-z4FOlbcI4g84AhdweeMOAhGi4oK8rkMHSfqbh2spT13u7pNFmZ1RtvjyWt6LaI2VEK5MU-lxSGNGTJxKoF1Oq-4VqFX6/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_V85jdPo_-I6NnFByCJsMcqssQdK4w-3hSiGhU_t9-vOgj3JVJHt-YeRKY_UNKRDEE_YoNvlFQAA4T_gfYUXrBmNIw8ftv7VLmk8u7sfOs8RoIAv0QV7Tht9rpfWEyRpVgwKN0bWrRWnh/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtSGXlmy7tYU2iH6X-4Adxt-yTcv-5D6UFLKO30xfeGNlA_aQ-AfSLbKFEn-ies769wLgchS2sDx9zZ6BLN-Fp1J-oa3yL39adtoZSNz1ypA_lPfwh6lIBf4r97Ga00z763JkGCmItoFpE/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbDqLnV7ghT2c6zcU8Nu7gtOJiOiInakBMYPuCq10qQxeEGtsDP8CfgJso1-8oGV1Xlm1nxZ6mt02KJGu4k0M6a2X05cQOUBjeskfQdQZpZA8tN6UemYUYHs_BJmEU65tA0otCgKQUmwZ/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn8KaqPYIGoec94uS75zHvkEYfyZ_o8Z8QXRBmZCNXi4ZP04NjIxV_elbL8vOCuBbI1LOQ81Kr-dxOJXLnS4Zd0LTwDWroUHCxAJ-YmOHxywohiTdwep5jB86uJjtCwBr1vhV2zNgKSBog/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxDSfAPhnLRZGQ-FmLl2jbKn5VReVPcql4SglGfSvcV0FMFHgaOGN7OIfDN-VY7B7AAKzgvy7GTIjJ3X1dNEEjlUaGfFymitGIL7pUAHHrGsHgj7d9heY1G1uYQYDHx8cO92edbRQ5mx5p/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMn3-HCsBK6O8BOGLx6VroMikdDeHbQ-qupcDzCXWI6KO7lZXn_siinTpr5dPT-PAK2-RY83lmNKLl7rAm2c_yKJ7gz0RnxQQ7ESN8ZK7i2lBymMBIts2UCi-JXS4Ptvo0ZMhQ4vOInoE6/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqTkKN_n7lzh8_T29-H8A5hH1gFEkLpOtR00oMtzWqJNdp1g0CDPr60EgpNIc1nm9H2UZs-3PY0Lka7InrXp-BkEmqD4br09zXouaByDHpvpEBKsFeiBXSD8jjiN19snrLPoNnNSLKAhj/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvNhczNAv4iEdD5lZAR1ZEPhjFTFxsbmWKEZuhGGpl7AEMJ6qvOH0jemDG6qHfwxgNTdsvK2mygpIvOdwPCBaNoiSfUBacYyawVIncVqh2Vvz3ncEkhA1TgNV_5HERHJVYLMWiv2w0gCS/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-ffV-QvFkXVmpECnMM4tkESQwq-QPlsUY5v31pjMkaGZgBLFz2TEA_gk5xXldmwEL7IJZpCAtpEAiJgwjmEPsH4WyjOKBgXLxp4AXdnvVXkFFsgn_bIckhacjhCqG7OHiz7YwNF3Nrjr/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUJsI-PwjHNKolLkEKPZMyZY5rkNlREWk14XVhvZRvG4_LHnY2AS_6Wln80Xuxm0a7dkohLPvx3XtwDg2P08dNYRsb46L44zpq0lyTF-O9DFVlMV9L0I-xTi6LuEuTuoeqBhYc6udWbBi/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAe0CiKYMrCx64SKSSqPVnG-gNq-VwBhR3VmzDBprj8BVpGFyuMSfHPLufO1s_ZA3Ehw-8brRf6iRAXFfWTMATUkhgePmCtXJ70HtBKgFqUh3d5bzJQlva0AwtPB3sbz_cAd6kx0FoqnaZ/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://hermanblogtips.blogspot.com/2009/03/memasang-widget-google-translate-pada.html"/>Translate Widget</a> by Google
</div></div>