Cara membuat widget translate language dengan gambar pada blog ( PART 2), ???

pada posting kali ini saya akan membahas translate language dengan gamabar namun gambarnya dalam tampilan lebih unik yaitu dengan tampilan bulat sepeti pada contoh gambar di atas
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, untuk melihat script klik ajah tombol show

<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/AVvXsEjDwb5R7Bb0wgXrHQERkLCFDqLtwedr_QBGeOYvQbohfX0ZrbUN_1f0mpc1SeWEzaWb2McFMylfPgRbZe3YLHKybjkPErIN5cWAR5xHgeCYP6kyXde16ZdnyB7dXBWD1kMXnFIvLGZLDMKc/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/AVvXsEgYkrjifIN-jr5cB9hHpu7tr-nBxTQl4bWM5M2es42jN-YG3M-Bq8HfmiZi4ySOpUWJVK6ol4IQ94wv73tcSDWWT-pxR13SQ9yjgO7sWhZEEQoQ_DOuxgbpiE-5cBsIWP0urWf3Xaye0uUG/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/AVvXsEgrbOAzaLxABBHfv7n1wAf9yIKXuhtnCgVlHtmzDd8ucYVwZVGUu6JdETxSm_n_hGrq8BDxWMK-i3gVBbymzwso9fBfpTb3PX5ZwDq62XmrjpZVdPOKjDjKUsuFDTlvea_LmApupuEgC41q/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/AVvXsEi2bK9g5NIn8Lc3lVRLCv8KcBlKcWCP1aDvzYQmH17hsaA_c7mxCzpko5mZP7BNGqjaNWXaLjlY_iS6pqxbfXnv1AZC9MbSQzcSb0XU-uMLcmCau5zq0EA8mRKf-EcnvnOyAL92h696WziO/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/AVvXsEjMNpmh154bz_XIxqAICVflFkpeopBgsahQX_1jB980xuBxHL1MgAPc9ZzSDDpTRrdnVSzLDzJ6LsIx4rGhZaSFjL0uftJKo880jOxe8T1k1sy0RIQKnBbOyGYZI538ZiU-98JYrllkBqao/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/AVvXsEjylh1gT14ECLD_CuwXWJWJl9-4k8D8aRl490kY0fGCJyHnRtOh7YFZJ-73vXX1uVhHoxcX-e7E0iFHUQcK7N-Qf8DNuOI1OTET4ipd_yakmvDm7JUF9nmcrXUpq_3eo-87eux4I541_Xb0/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/AVvXsEiePhDHNIK3Mt_7thjMhyBqaNFVzgSwwgSoWFY5HzwhORX7wWACeKh-Eu7EZi_6FQBF8L-dMBHExwUhcbm2jfuiHBy0tT-7HoHzYAbofOD63ZIo2RiA24DbcLkD8Ydpu525orDRv5AoK6Tw/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/AVvXsEjeU0kRKtZf_KJhvuKvdg9qVmER7AXqULJC6_xsSCQ9-F9r8E-z9ySvwkBg_H34GuyDwbUNxUNNq4-pZK6bmkBoy6txoikl9yRIGAd8AGiiN34Z48bF_7fGQrbiPhAW0R3039Z_q3Hl5ziI/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/AVvXsEg3ey-iEQIK89evPCeqVPBrT93taRwWWhS6HnD9P6K6lrJaaz8Ww2bAnz9uUOqECUJ_5U2clO7xHHT3CAecGWv8d-A_0kkZXECTTA4TGPjJ-ybn_MVsV6XhFPzJb4rioA66s0Uu3hwb552S/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/AVvXsEgkJX5UCrsQ6AfTBm7GWtKe_ayhwBzyiuC1Zb7bKwK2bw_tgVRi1gUsxIDf_jIIumecqY7BkU6Z7Ae7FhzuJRjWwGBKZyk3HuTydXQAaKGPNS1WVwRPPGkEELLuL1__Byxj5-FBhqR0bYHd/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/AVvXsEjDRI55ggJWmkDYSBmptt976zRn0HsAzB2a_J4QRpQxSGsfdhOZH0oIF6NHlsUCnKfDDxYwni8dA06_fXqBZMehoEmwP__TRCrXYfmY302idlRznu3NQJ1D1_TScQYYOJ6fiBDoaxf2yn2a/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/AVvXsEiuRdKCk8tw21f8e-vzm6ftz9FNio_vHTEDRLXuuwmZkdkZpV4rIn0QlQB0xe7ls37Fx546S8OBmkF261HHWt7jOG6B182l87cj2APytH9CAeCpsydH6hf2aX0G1FXvQqzzOnFc8IkFSGNX/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>

• simpan/SAVE

selesai deh :) ,, nah sobat untuk memper erat tali silaturahmi jangan lupa komentar ya agar nanti kita bisa saling sharing, nanti saya kunjungi balik,,,,,,OK,,,''