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/AVvXsEgbyzDokv2LgM1k0pCMQPe2byOjaoxjRjJEZDk2P9I8AVwRaFZT9SgURdgMJ34-S3_NH2hQyXQwen4ejhr8xetppcnhnuBcuVujzDHRlqZw-Hw-lvBqPjmCjQ65rw7QIRVG5worrnqQpRbU/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/AVvXsEixflTnXALR-SAMxIApCWTPrFShUhknmx0NlF8PZKnnX9g5SaogU9fUy0LI-sFobAJQKP0RZLopiiAVJ1JmuGrwNnfQ4eH0HOGcYr9A6BvNm-uwbTRDo6R1xa-msbD0OxTHGWP4IIt_3M-m/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/AVvXsEja9M8JFZIYhOtBYwBZQnQ7keZ3V-6n27KOd6c-5omlU_cV7Yf7pPQkA49HsTsMhUQZ_wqL5f5LGmuTizVIyqkMyIrDatqFQxAIgTwFW9b-qIMt_9lt8HFN7VTp0y12NGT0RcXxcUqvi1bu/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/AVvXsEjAai1WHCYAFC1v1W2rShJTrVO0f5nTO5wmaBkuLwbMqP_511fVTX9nzV2mzm6rBh_A4BMVerzQ7ox-sr9nq-vEP2lHX2U9SkQ5h37_5GOifyM0YAQ3dMD7UKSy_WKX4cyb15Vzm-a_cRZw/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/AVvXsEi3VMY_weQPWIhP99rBaJN9JTkfxyToyg3YRTeIEnpahr4KpOX0wO8YlkhFtgNGTE3-MLt0FHOK5stDdGQgs-7_eQG2POPM_GcHdfb0dIVRIje45NlILsGiaBOne85G2vS79lP9V7eESsbH/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/AVvXsEh_xNdEeEOO3rmbgs-02_V5DzDrhJv-g5DQi6lBbq4Jer1Z2mVbLL9LL9MRZgvcZcenFYjNehAhxNmmDnGD-ih4g3Q6ZZPOeb_zssONNhxE_YZVrXV6czti9-QzO_p5W75gxJ_Q9vPHCeuB/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/AVvXsEiS0k9Qw8mwXSpfBrKV5vIxP9Nymhg4xAAyWROzjdqQtizcuu4Q2Kgzj5rdL3SjKNxhviCr3K5LbWLlllow0iciua5RiRe_Y_i2yAjl0Jc9O9mpyDwgGsW5z9S7sHPK3U74y4cAg0mffrHU/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/AVvXsEg8AhWuC2QqCa3o_aZESkt83hzz9QZKpaq77L-dJxyRhVSBvF76r-Yn19DzjDituZIvoTgpokLoJahFlNR9qaDCk712C8eC8Yn1pBA-QsyebLDPox1_i2Pk46LWx-Ca4P_cB2zmSdOyJ4Ub/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/AVvXsEgMpE7o89zWZ3BFQPlAyysF7qGNR_59CcG-Pw_hDQCrD6vRPBBE_W_zDgKJJBTc23JQYcdz_KvCUZ7x4kTZ3IxiiuZanrusSeesq76Z9RXy5tsjI3tLYUhQH8ph86gv4ZZRNSaiGh9l40Gu/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/AVvXsEh2uwlVhS9thgZYHvLGEIcD-HmRuOSFK6M1CY6EnT6ydjaugXwffbZnfjhSSqZLcHkCMJfXXlYhTp7CinC0T3OQtnsZnuosgstyJoTt6x6A_u6Wr18x4DVjgqhu7jlaCgZ5OzuOtN_pFais/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/AVvXsEiWiwgdYoyLcdRcW8RowgPTA1j3Op3eBc5mE4oaNBSaw8rr_ia9SL1oHrEFu7rnpY8VXEJ6sYhnH5H6jdBw6yECH6rwcGiK2V2TZQDNWwEyVWmE2sbE6s2UukthHlrulPcQDFqDMuOXPX5e/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/AVvXsEhRv2CMsnaQNYTI109HALP1yEmCGv7FFlddkoYaUgMsxuQ7weEEpE0la9epBERUstQoGU-pNtse6Dla49LMdX6qqaTc2d-iWimAMulrWjzeDm-kd0MZ-xwjltuH-taLuCo80B9B7axc4eON/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://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
.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/AVvXsEgbyzDokv2LgM1k0pCMQPe2byOjaoxjRjJEZDk2P9I8AVwRaFZT9SgURdgMJ34-S3_NH2hQyXQwen4ejhr8xetppcnhnuBcuVujzDHRlqZw-Hw-lvBqPjmCjQ65rw7QIRVG5worrnqQpRbU/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/AVvXsEixflTnXALR-SAMxIApCWTPrFShUhknmx0NlF8PZKnnX9g5SaogU9fUy0LI-sFobAJQKP0RZLopiiAVJ1JmuGrwNnfQ4eH0HOGcYr9A6BvNm-uwbTRDo6R1xa-msbD0OxTHGWP4IIt_3M-m/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/AVvXsEja9M8JFZIYhOtBYwBZQnQ7keZ3V-6n27KOd6c-5omlU_cV7Yf7pPQkA49HsTsMhUQZ_wqL5f5LGmuTizVIyqkMyIrDatqFQxAIgTwFW9b-qIMt_9lt8HFN7VTp0y12NGT0RcXxcUqvi1bu/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/AVvXsEjAai1WHCYAFC1v1W2rShJTrVO0f5nTO5wmaBkuLwbMqP_511fVTX9nzV2mzm6rBh_A4BMVerzQ7ox-sr9nq-vEP2lHX2U9SkQ5h37_5GOifyM0YAQ3dMD7UKSy_WKX4cyb15Vzm-a_cRZw/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/AVvXsEi3VMY_weQPWIhP99rBaJN9JTkfxyToyg3YRTeIEnpahr4KpOX0wO8YlkhFtgNGTE3-MLt0FHOK5stDdGQgs-7_eQG2POPM_GcHdfb0dIVRIje45NlILsGiaBOne85G2vS79lP9V7eESsbH/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/AVvXsEh_xNdEeEOO3rmbgs-02_V5DzDrhJv-g5DQi6lBbq4Jer1Z2mVbLL9LL9MRZgvcZcenFYjNehAhxNmmDnGD-ih4g3Q6ZZPOeb_zssONNhxE_YZVrXV6czti9-QzO_p5W75gxJ_Q9vPHCeuB/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/AVvXsEiS0k9Qw8mwXSpfBrKV5vIxP9Nymhg4xAAyWROzjdqQtizcuu4Q2Kgzj5rdL3SjKNxhviCr3K5LbWLlllow0iciua5RiRe_Y_i2yAjl0Jc9O9mpyDwgGsW5z9S7sHPK3U74y4cAg0mffrHU/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/AVvXsEg8AhWuC2QqCa3o_aZESkt83hzz9QZKpaq77L-dJxyRhVSBvF76r-Yn19DzjDituZIvoTgpokLoJahFlNR9qaDCk712C8eC8Yn1pBA-QsyebLDPox1_i2Pk46LWx-Ca4P_cB2zmSdOyJ4Ub/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/AVvXsEgMpE7o89zWZ3BFQPlAyysF7qGNR_59CcG-Pw_hDQCrD6vRPBBE_W_zDgKJJBTc23JQYcdz_KvCUZ7x4kTZ3IxiiuZanrusSeesq76Z9RXy5tsjI3tLYUhQH8ph86gv4ZZRNSaiGh9l40Gu/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/AVvXsEh2uwlVhS9thgZYHvLGEIcD-HmRuOSFK6M1CY6EnT6ydjaugXwffbZnfjhSSqZLcHkCMJfXXlYhTp7CinC0T3OQtnsZnuosgstyJoTt6x6A_u6Wr18x4DVjgqhu7jlaCgZ5OzuOtN_pFais/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/AVvXsEiWiwgdYoyLcdRcW8RowgPTA1j3Op3eBc5mE4oaNBSaw8rr_ia9SL1oHrEFu7rnpY8VXEJ6sYhnH5H6jdBw6yECH6rwcGiK2V2TZQDNWwEyVWmE2sbE6s2UukthHlrulPcQDFqDMuOXPX5e/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/AVvXsEhRv2CMsnaQNYTI109HALP1yEmCGv7FFlddkoYaUgMsxuQ7weEEpE0la9epBERUstQoGU-pNtse6Dla49LMdX6qqaTc2d-iWimAMulrWjzeDm-kd0MZ-xwjltuH-taLuCo80B9B7axc4eON/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://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
Untuk Google Translate 3 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/AVvXsEgbyzDokv2LgM1k0pCMQPe2byOjaoxjRjJEZDk2P9I8AVwRaFZT9SgURdgMJ34-S3_NH2hQyXQwen4ejhr8xetppcnhnuBcuVujzDHRlqZw-Hw-lvBqPjmCjQ65rw7QIRVG5worrnqQpRbU/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/AVvXsEixflTnXALR-SAMxIApCWTPrFShUhknmx0NlF8PZKnnX9g5SaogU9fUy0LI-sFobAJQKP0RZLopiiAVJ1JmuGrwNnfQ4eH0HOGcYr9A6BvNm-uwbTRDo6R1xa-msbD0OxTHGWP4IIt_3M-m/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/AVvXsEja9M8JFZIYhOtBYwBZQnQ7keZ3V-6n27KOd6c-5omlU_cV7Yf7pPQkA49HsTsMhUQZ_wqL5f5LGmuTizVIyqkMyIrDatqFQxAIgTwFW9b-qIMt_9lt8HFN7VTp0y12NGT0RcXxcUqvi1bu/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/AVvXsEjAai1WHCYAFC1v1W2rShJTrVO0f5nTO5wmaBkuLwbMqP_511fVTX9nzV2mzm6rBh_A4BMVerzQ7ox-sr9nq-vEP2lHX2U9SkQ5h37_5GOifyM0YAQ3dMD7UKSy_WKX4cyb15Vzm-a_cRZw/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/AVvXsEi3VMY_weQPWIhP99rBaJN9JTkfxyToyg3YRTeIEnpahr4KpOX0wO8YlkhFtgNGTE3-MLt0FHOK5stDdGQgs-7_eQG2POPM_GcHdfb0dIVRIje45NlILsGiaBOne85G2vS79lP9V7eESsbH/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/AVvXsEh_xNdEeEOO3rmbgs-02_V5DzDrhJv-g5DQi6lBbq4Jer1Z2mVbLL9LL9MRZgvcZcenFYjNehAhxNmmDnGD-ih4g3Q6ZZPOeb_zssONNhxE_YZVrXV6czti9-QzO_p5W75gxJ_Q9vPHCeuB/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/AVvXsEiS0k9Qw8mwXSpfBrKV5vIxP9Nymhg4xAAyWROzjdqQtizcuu4Q2Kgzj5rdL3SjKNxhviCr3K5LbWLlllow0iciua5RiRe_Y_i2yAjl0Jc9O9mpyDwgGsW5z9S7sHPK3U74y4cAg0mffrHU/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/AVvXsEg8AhWuC2QqCa3o_aZESkt83hzz9QZKpaq77L-dJxyRhVSBvF76r-Yn19DzjDituZIvoTgpokLoJahFlNR9qaDCk712C8eC8Yn1pBA-QsyebLDPox1_i2Pk46LWx-Ca4P_cB2zmSdOyJ4Ub/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/AVvXsEgMpE7o89zWZ3BFQPlAyysF7qGNR_59CcG-Pw_hDQCrD6vRPBBE_W_zDgKJJBTc23JQYcdz_KvCUZ7x4kTZ3IxiiuZanrusSeesq76Z9RXy5tsjI3tLYUhQH8ph86gv4ZZRNSaiGh9l40Gu/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/AVvXsEh2uwlVhS9thgZYHvLGEIcD-HmRuOSFK6M1CY6EnT6ydjaugXwffbZnfjhSSqZLcHkCMJfXXlYhTp7CinC0T3OQtnsZnuosgstyJoTt6x6A_u6Wr18x4DVjgqhu7jlaCgZ5OzuOtN_pFais/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/AVvXsEiWiwgdYoyLcdRcW8RowgPTA1j3Op3eBc5mE4oaNBSaw8rr_ia9SL1oHrEFu7rnpY8VXEJ6sYhnH5H6jdBw6yECH6rwcGiK2V2TZQDNWwEyVWmE2sbE6s2UukthHlrulPcQDFqDMuOXPX5e/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/AVvXsEhRv2CMsnaQNYTI109HALP1yEmCGv7FFlddkoYaUgMsxuQ7weEEpE0la9epBERUstQoGU-pNtse6Dla49LMdX6qqaTc2d-iWimAMulrWjzeDm-kd0MZ-xwjltuH-taLuCo80B9B7axc4eON/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://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
.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/AVvXsEgbyzDokv2LgM1k0pCMQPe2byOjaoxjRjJEZDk2P9I8AVwRaFZT9SgURdgMJ34-S3_NH2hQyXQwen4ejhr8xetppcnhnuBcuVujzDHRlqZw-Hw-lvBqPjmCjQ65rw7QIRVG5worrnqQpRbU/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/AVvXsEixflTnXALR-SAMxIApCWTPrFShUhknmx0NlF8PZKnnX9g5SaogU9fUy0LI-sFobAJQKP0RZLopiiAVJ1JmuGrwNnfQ4eH0HOGcYr9A6BvNm-uwbTRDo6R1xa-msbD0OxTHGWP4IIt_3M-m/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/AVvXsEja9M8JFZIYhOtBYwBZQnQ7keZ3V-6n27KOd6c-5omlU_cV7Yf7pPQkA49HsTsMhUQZ_wqL5f5LGmuTizVIyqkMyIrDatqFQxAIgTwFW9b-qIMt_9lt8HFN7VTp0y12NGT0RcXxcUqvi1bu/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/AVvXsEjAai1WHCYAFC1v1W2rShJTrVO0f5nTO5wmaBkuLwbMqP_511fVTX9nzV2mzm6rBh_A4BMVerzQ7ox-sr9nq-vEP2lHX2U9SkQ5h37_5GOifyM0YAQ3dMD7UKSy_WKX4cyb15Vzm-a_cRZw/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/AVvXsEi3VMY_weQPWIhP99rBaJN9JTkfxyToyg3YRTeIEnpahr4KpOX0wO8YlkhFtgNGTE3-MLt0FHOK5stDdGQgs-7_eQG2POPM_GcHdfb0dIVRIje45NlILsGiaBOne85G2vS79lP9V7eESsbH/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/AVvXsEh_xNdEeEOO3rmbgs-02_V5DzDrhJv-g5DQi6lBbq4Jer1Z2mVbLL9LL9MRZgvcZcenFYjNehAhxNmmDnGD-ih4g3Q6ZZPOeb_zssONNhxE_YZVrXV6czti9-QzO_p5W75gxJ_Q9vPHCeuB/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/AVvXsEiS0k9Qw8mwXSpfBrKV5vIxP9Nymhg4xAAyWROzjdqQtizcuu4Q2Kgzj5rdL3SjKNxhviCr3K5LbWLlllow0iciua5RiRe_Y_i2yAjl0Jc9O9mpyDwgGsW5z9S7sHPK3U74y4cAg0mffrHU/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/AVvXsEg8AhWuC2QqCa3o_aZESkt83hzz9QZKpaq77L-dJxyRhVSBvF76r-Yn19DzjDituZIvoTgpokLoJahFlNR9qaDCk712C8eC8Yn1pBA-QsyebLDPox1_i2Pk46LWx-Ca4P_cB2zmSdOyJ4Ub/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/AVvXsEgMpE7o89zWZ3BFQPlAyysF7qGNR_59CcG-Pw_hDQCrD6vRPBBE_W_zDgKJJBTc23JQYcdz_KvCUZ7x4kTZ3IxiiuZanrusSeesq76Z9RXy5tsjI3tLYUhQH8ph86gv4ZZRNSaiGh9l40Gu/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/AVvXsEh2uwlVhS9thgZYHvLGEIcD-HmRuOSFK6M1CY6EnT6ydjaugXwffbZnfjhSSqZLcHkCMJfXXlYhTp7CinC0T3OQtnsZnuosgstyJoTt6x6A_u6Wr18x4DVjgqhu7jlaCgZ5OzuOtN_pFais/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/AVvXsEiWiwgdYoyLcdRcW8RowgPTA1j3Op3eBc5mE4oaNBSaw8rr_ia9SL1oHrEFu7rnpY8VXEJ6sYhnH5H6jdBw6yECH6rwcGiK2V2TZQDNWwEyVWmE2sbE6s2UukthHlrulPcQDFqDMuOXPX5e/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/AVvXsEhRv2CMsnaQNYTI109HALP1yEmCGv7FFlddkoYaUgMsxuQ7weEEpE0la9epBERUstQoGU-pNtse6Dla49LMdX6qqaTc2d-iWimAMulrWjzeDm-kd0MZ-xwjltuH-taLuCo80B9B7axc4eON/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://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.
2. Klik Save. Selesai. Silahkan lihat hasilnya.
Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.
Selamat mencoba. Semoga bermanfaat..
0 Comments
