Cara membuat widget translate dengan gambar bendera bulat

pada posting kali ini saya akan membahas translate language dengan gamabar tampilan bendera bulat sepeti pada contoh gambar di translate blog saya
oke kita langsung sajah menuju inti pembahasannya, simak tutorialnya:

• masuk BLOGGER
• masuk Rancangan atau Design
• Elemen Laman
• add Gadget
• pilih HTML/java script

• masukin script di bawah 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/AVvXsEgDflfil9jG-QPS1vy_emeC7ZJrCrBoRPaaaBFIOrqmFOos-rXUtHhwpXcwHWg52aChXlpH25RgBMLu-6djQOA2RzImxVHp8j8nSm3Xz3WQJL4yWuJGWQBc-r1NlS98VwYnkt0qVLC_AFRp/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/AVvXsEipS3lEM0vc2YGXUy0KPWG1XUK7RsT5Usbo0_Ln8QQUHv9fMsmyjrhvSm6ztFPoSLCylaiiHJfgVso49FLTsy67-8GgwAifQxSce8Gqz9FFphdrsYyRk1bJSKsDpE8UmmocB04P8MQY3uhS/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/AVvXsEjMh_X62nPF1RpuOj571qwpSn4jb_myKePi7fGIjpkrJ066fn18GKqWFtttTCO2Ckh-wSPqx5i1R8pE46RlAzcF1-G49FLhyrJ4WlmeuG0nMIB3d7p-LSymbESr44-vrEGjeUSvT-5BRNfO/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/AVvXsEhI5fkutONKQFBMdZIqcZUUh584AIGSQgVTIF8v_f5KYyQh29FydJSYBfuBJHxw3aPsrWwKhCA7Qt6nklASvswywpDJr5T7toUC0MkYfPP8oARmqjhcN2s6ySX2DbWxJ7uIUQzT6HPs2Z9C/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEgKlPnw-otQhYFdfrF3c_hWBwKYZyYsZjzsw4tX6c53mWMAtvMIfFz0C1YhiGd1EP4d5p8NPSCQiyFlb-HP_w1iTzTYUKNoW9kr3wSIaZQj2DmoWls8TmLYgDWnLJ7UnR6RseseEJPakk9v/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/AVvXsEh6LIijCfwzwmK0HDPD7vy5k-L45pRHOIvWUMlizdXlD_AfnDujL6k5yJ2c5NK5hhBcSzTFeyoe9nuqAjMceYTYaq-_BAWrpTI6XVObyzMMtRXl5hZotcNNDoUgT3kqRO7vxF0qp81-Cjlx/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<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/AVvXsEgM5nNnjNZRVJvUbxoXtNwtmM7gRMbVSN8FCPEmVDiWJ3utPkOjngKXWlW1ZNipcI5XOSMu93-HKGy1LGE2v_OIneHGPRPPdEz8uUlL28nzV1uV9QPswFtyS_24dnzzdx4wjaWsmjPW82xH/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/AVvXsEiBQTjUckH6w36fhtIIqDhrexHceg7HGb-Qf8WhbtfhjkYpC6em1pBmiam_K1wvgf43QfCx_2N9cv3P2vX1RPsKEO3mHRdIttylDcA2lZ-DoPj9oKa_5p_Wq17aNhPD4cVGMiHT2afjeRha/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEjq7EN23IdAQjg8h-1eD2hwUWDEZzsJzJs6FBO0RA4RoqCQfLWYfcsKpC2Gq4KGFzT1eYPD-IzRe49hgpvFjZhziLjYqmWT8Qxgq8dXlnrDhl0VD3QiZuC7-21j2d-vMhS1PHHARew2Vmio/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/AVvXsEjcAL40DYHOwsjzLERJBmCurEEOxVJ42oC4iXpHnuOeqpU-TzGzFa4vP2USRbKjapyJHfQBhWoc-hKcndrbfWrF1_tcvVafK6vtXn6vP43-HCi93t3X4cALWaCOZ1-kIKoHFwZf2cFD5BnX/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/AVvXsEhJiKUM2Ad4M6sQwPEX1QUs2zzUPnM3WWwdR4dyG8KiG8ssAhlhG5fjfExNpP6Tb1486AvDel_iwjHQsLLanFiY3hhfO3XwgwzxHx4TYA8VZU2-RMQZV0ugYX6UKSLu90BuZYSnQBh5403L/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/AVvXsEjJrG46UeOSsZtRwcM_-5tnqQK6USehsu9DM5iti9zKaeU8v2bmoSkiK0e2OkUxRRO0UMs5Yenf_4-cWBUs1cniw3aWAWs3He5WSGhzKH2Pg5tpTrBY5rPaY8fNNdb5Q-k0yGTll7aZ4n2B/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://ahmadbjblogs.blogspot.com/2012/08/cara-membuat-widget-translate-language.html" target="_blank">Translate Widget</a> by Google
</div></div>