Buat Translate Widget

 Kalau mau buat translate widget seperti aku, nih copy aja kode html nya....








<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/AVvXsEjDsBJb43Lx83ZRUM8Hh77ntMdbuoBXsAHLd6ImdYgidWf0Wbu5OsGxisrQs7z2tubKnp9ZDuWWsL2G_Brq-AuZYxooLj5vUDJmDscxNqCKmI7iPdUnSjlRfl-hp9X_LMXfirV3MWnTzL46/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/AVvXsEhBnOpyTyhKU5wOXlKLc9l5jljhI0qnneNvZawZQfvhkSwn3CiXREyjyI2oeBqXd_h3mptmeX-KJPJ2ugoCCKBmHUmMeAstinlW0Q8pRFii8z94EmeEJQheU-IGWtnwdYdfyMPkNKjyJ4D7/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/AVvXsEiWagaAh0hyenmbmhqy13gjk-bPDeJ9XSUJQGGz_dqoN2859IJD8EIAl9QFXLfkvQxqrRwAxua7IQYCB9fTxi46SXA5Cf58VMAUAmCq5CfUttp2mgJE2IuIFGHbylH34Ud4M1B01Qt9q_qe/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/AVvXsEj66_mUpmYBnCI-4q7huWK9S-5gkisMU4ww1EzNVIL56b7NvOK-61UNGOWHY0ES78f0ZtHG3ilLfTLxj6MGNt4kev0ToGFCjjhaXuTrhj1SSQ0QUAPdFFXHwCOrk7JR0Im3SW_ydHAkBVMR/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/AVvXsEhATX3gZrt2omyTocQNES1grNV_f9OM-_B8PCgXs9eocN-Avhrtno1-ve7Ilp4LBcTNVFYBCCzW59m4WSKwHEEmhO8OvJrBVL5JWXVAwXa1HyVFevL4jQ0IcJXaqo1n7FCY-B_hqdWilSsT/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/AVvXsEg6aWOgDWcrZPG8Ru19gNNSQ0bmiZxvz8ZPnwHdtYfxD2JHTju_MAZ5XWVsgXY26mJXCRMEv5OvLG0LaAiH76yaJz6UHixnsI9_3SKh143yq8BN8PNAp2jFv_ZBparOUC08kha2dvNA1Pmm/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/AVvXsEh9uxsqqOBlwVU1cBqLUbprPiauA6aMt3LQeRQC6vdsXXxoR2XPiSTThfsJRU7oRvsfb3MHC17CHx0HGG08auAlkNKaP_N5DZsys4xO45_7D8WzQu_RXnLTy2ac3BT7hOq1IKSUuoi7wIJA/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/AVvXsEgUEn2FyfhFyVPe_QZEWC5ZSqEXqBtpouFPgdrIMoBcXZI43ztk8NW4pDiRb0ggKDVCZGW1AbRoX_SLQs1P8qJ1hkw1h_OGBjiJW4UCTa6NzNz_3uYEj7SKQt8SJVdvOVLagXAM7Age5rTi/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/AVvXsEiuGoES6YCHD_g-nMOOKVs9yNPzI8nCAxXVM8FLqdjdhkkY6UIITXRCxLwhhtS6QpZA8UtnrjwFmSuoZGjNgGWs7CxZbmp_0O3qaCadRf8XFWIM8jOrmnAB1k8WGHUmTln6TV-NnA40uOrA/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/AVvXsEj1nmqs0Y7hMlJq-5PmKGWOWIgTFvIMGCFofTeOLg1S6n40YXdx73AgHRixrYjCEpuGL7YaqpcIwdIV0vlTdBQonkWeU-cmo8NK64QFPnKiO3TXT28szYcC_Y2yrCRjbLxFp0YYvzizqsDb/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/AVvXsEgwv73hnMbgS0AMDvAKHldRvDzwIOScnQT-wIe74wRmO41m1Ci1br-KEU7twuAbIBJNtnOPYy8YeL9sRSjrTA9ik5I5bB-Bg_6bZiL63NxYlwUbenyocDotRVo1T54qlH2oLBuUiEYE809g/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/AVvXsEhXBvPfKl_FuXCl5gQDiCMgul1GkX7NA64mK5xI79DzvDR4YLpt1qhNBjiktt4EURRclLzB-jYIF99blIVs_j2B9djzKb8yT4OCMmhuwmGGja4wxijXkLh83J5oIPWo5j5S8b7LQXsnu1Cf/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://ptn-post.blogspot.com/2011/04/mau-buat-translate-widget-seperti-aku.html" target="_blank">Translate Widget</a> by heru.tk
</div></div>

Posted in: Artikel