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/AVvXsEhaHchcEVggNYxpfsg4g7O2i6Nc5honRoXFPO2tRCQfKlXls73Z0poUKeAEpPtzit47sxDzVZD7TVNgghZCzmbz9jgO3ePRkRQSovgA74wo_P2hK4act6nWXedGKHpw3ytNz3874uDmaJ3s/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/AVvXsEgU7N32xZyb-sErbz4ZReB8F9biW8LzhWxif-tarQfm5e2JZJE63JTdWepHNy26edXshBhTOQPPCCpZyYNJQXn6QAxT6icszDH0TsEVzSeVGzoqsnJtUc9HEsuYtqr7lqfiDHooFx4bbl32/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/AVvXsEj4ua6viOuiM8iGOhOW2mlBe1VWaV-D5cQ4FhqNvJS52LSy8nfOMeqCaYrAs5uyBtqVl_8uD0HHUcfbPWs0JVY-asIeT3w4by6yE22mieIz36KJ1s1-Mjw4YO4vvS0P6buBRt79OW1yoQk_/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/AVvXsEh0UV0pC0C3ik0WemMHudEzmerh7lGCyoe50upPGRzaPkI9v0FPa0cGeXGrL41O0UTcnctr30a73Dhui4hA5UBVANv5mryJPjANiuKLlDHteHsvY1UZT3SzXbhySKKNzKj6fuTNUVp8Mj8O/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/AVvXsEiHaxhzJw4qEzxwzFHGIF3AMaaqqfLNxM-AuIcgM0VM9oRixazgt4sv37w4KceWx75pUbRsAkb8h0NLGyQ3DtyrkOwJYQozO4cQ2v4Ha5_FvYj9ngDfHd1KFi-m9uc4I49g5wpDKcmIPgcR/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/AVvXsEhZlgKnldC-XhEZedn2fYzZdO02fWFHYamkpewi6WXifmhi9RYTf34zsWgvrh11REmPzJh1Q2Kz9vLQjoZunf7hgpoO2v7C-v3Rtd0_KgZmpHuIHvxxpxNRNimn7nvRMdxUl53dnl20Xgh4/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/AVvXsEiH53P_ssNTCod8-cJtMabXd4MChbH2RY-lh69GDzevLNnqIGGcfJMmY9mWvq_0dAQ2LPX-z5m1hCDpVQyoNf_sj0uG3XMG8elTizi9_CXXYr-HM83w5zXFBrrMWUQtzCisjV4Bm4KadP4i/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/AVvXsEgBRrdF_0BEXxRMxry3quSfmhMPWBey9z0AMbGCAR0S3bMDEu0idi5C9QByshulB7O35_RC95R70Hj18oKUHjWvpKOBU-OFElti_1Br-j8unW0no8l6ZWkQkIC1gfP-76utQD3ns1uR7Ln3/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/AVvXsEjB0xnOc__7_R3uxDLkPuEO80PPp2ONI8ugHbpCYLdhs1J1iMD4ixK30uFvVYxZsIBapyreLP-n1QLK20a4lKrTkEnWT7M6xwsKZsa8pMFfwzrtdow1Acv7xeQAYmhi4DRmrauaZwewh5N7/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/AVvXsEiGnwRXPuG6soCHGXUYiy-NogIrqO81Az5NvwBB3Zfji0GkDZjro_M-ECiHkEfgLotYMTRyMoF_gb45XoB9OvA-QlKrmesqZKVTtfbbimNf7hEFZ5RhI8kbVQguBpdNK12gBZxIDhVPGhBJ/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/AVvXsEi9xL1F2YvV2x78ClQ3c32aAEZFrKXoowKZMnI05eRmU5D69bZG8juIYQRHZqrgBiCzm6Y3B2oN_BxC5CzMEn-uFCUoAvQmNvurYVhM8bmt60yVfogkX8bBoFDts_AKKo1ct9NsWELehsrg/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/AVvXsEgPYdRSiF5A0Q8onV_Z-p4o767kMpr1EZiMw-GeAz6ex7fGuLckVbvnKT_lK8Lk-040a2t-APKfHBTX4LLg-Ijn9ZfLtBy5FwUAsynfvzBqrVaTFCp5Zv3WVwisfsE3825ljZxktJhIKeF6/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/AVvXsEhaHchcEVggNYxpfsg4g7O2i6Nc5honRoXFPO2tRCQfKlXls73Z0poUKeAEpPtzit47sxDzVZD7TVNgghZCzmbz9jgO3ePRkRQSovgA74wo_P2hK4act6nWXedGKHpw3ytNz3874uDmaJ3s/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/AVvXsEgU7N32xZyb-sErbz4ZReB8F9biW8LzhWxif-tarQfm5e2JZJE63JTdWepHNy26edXshBhTOQPPCCpZyYNJQXn6QAxT6icszDH0TsEVzSeVGzoqsnJtUc9HEsuYtqr7lqfiDHooFx4bbl32/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/AVvXsEj4ua6viOuiM8iGOhOW2mlBe1VWaV-D5cQ4FhqNvJS52LSy8nfOMeqCaYrAs5uyBtqVl_8uD0HHUcfbPWs0JVY-asIeT3w4by6yE22mieIz36KJ1s1-Mjw4YO4vvS0P6buBRt79OW1yoQk_/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/AVvXsEh0UV0pC0C3ik0WemMHudEzmerh7lGCyoe50upPGRzaPkI9v0FPa0cGeXGrL41O0UTcnctr30a73Dhui4hA5UBVANv5mryJPjANiuKLlDHteHsvY1UZT3SzXbhySKKNzKj6fuTNUVp8Mj8O/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/AVvXsEiHaxhzJw4qEzxwzFHGIF3AMaaqqfLNxM-AuIcgM0VM9oRixazgt4sv37w4KceWx75pUbRsAkb8h0NLGyQ3DtyrkOwJYQozO4cQ2v4Ha5_FvYj9ngDfHd1KFi-m9uc4I49g5wpDKcmIPgcR/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/AVvXsEhZlgKnldC-XhEZedn2fYzZdO02fWFHYamkpewi6WXifmhi9RYTf34zsWgvrh11REmPzJh1Q2Kz9vLQjoZunf7hgpoO2v7C-v3Rtd0_KgZmpHuIHvxxpxNRNimn7nvRMdxUl53dnl20Xgh4/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/AVvXsEiH53P_ssNTCod8-cJtMabXd4MChbH2RY-lh69GDzevLNnqIGGcfJMmY9mWvq_0dAQ2LPX-z5m1hCDpVQyoNf_sj0uG3XMG8elTizi9_CXXYr-HM83w5zXFBrrMWUQtzCisjV4Bm4KadP4i/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/AVvXsEgBRrdF_0BEXxRMxry3quSfmhMPWBey9z0AMbGCAR0S3bMDEu0idi5C9QByshulB7O35_RC95R70Hj18oKUHjWvpKOBU-OFElti_1Br-j8unW0no8l6ZWkQkIC1gfP-76utQD3ns1uR7Ln3/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/AVvXsEjB0xnOc__7_R3uxDLkPuEO80PPp2ONI8ugHbpCYLdhs1J1iMD4ixK30uFvVYxZsIBapyreLP-n1QLK20a4lKrTkEnWT7M6xwsKZsa8pMFfwzrtdow1Acv7xeQAYmhi4DRmrauaZwewh5N7/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/AVvXsEiGnwRXPuG6soCHGXUYiy-NogIrqO81Az5NvwBB3Zfji0GkDZjro_M-ECiHkEfgLotYMTRyMoF_gb45XoB9OvA-QlKrmesqZKVTtfbbimNf7hEFZ5RhI8kbVQguBpdNK12gBZxIDhVPGhBJ/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/AVvXsEi9xL1F2YvV2x78ClQ3c32aAEZFrKXoowKZMnI05eRmU5D69bZG8juIYQRHZqrgBiCzm6Y3B2oN_BxC5CzMEn-uFCUoAvQmNvurYVhM8bmt60yVfogkX8bBoFDts_AKKo1ct9NsWELehsrg/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/AVvXsEgPYdRSiF5A0Q8onV_Z-p4o767kMpr1EZiMw-GeAz6ex7fGuLckVbvnKT_lK8Lk-040a2t-APKfHBTX4LLg-Ijn9ZfLtBy5FwUAsynfvzBqrVaTFCp5Zv3WVwisfsE3825ljZxktJhIKeF6/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/AVvXsEhaHchcEVggNYxpfsg4g7O2i6Nc5honRoXFPO2tRCQfKlXls73Z0poUKeAEpPtzit47sxDzVZD7TVNgghZCzmbz9jgO3ePRkRQSovgA74wo_P2hK4act6nWXedGKHpw3ytNz3874uDmaJ3s/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/AVvXsEgU7N32xZyb-sErbz4ZReB8F9biW8LzhWxif-tarQfm5e2JZJE63JTdWepHNy26edXshBhTOQPPCCpZyYNJQXn6QAxT6icszDH0TsEVzSeVGzoqsnJtUc9HEsuYtqr7lqfiDHooFx4bbl32/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/AVvXsEj4ua6viOuiM8iGOhOW2mlBe1VWaV-D5cQ4FhqNvJS52LSy8nfOMeqCaYrAs5uyBtqVl_8uD0HHUcfbPWs0JVY-asIeT3w4by6yE22mieIz36KJ1s1-Mjw4YO4vvS0P6buBRt79OW1yoQk_/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/AVvXsEh0UV0pC0C3ik0WemMHudEzmerh7lGCyoe50upPGRzaPkI9v0FPa0cGeXGrL41O0UTcnctr30a73Dhui4hA5UBVANv5mryJPjANiuKLlDHteHsvY1UZT3SzXbhySKKNzKj6fuTNUVp8Mj8O/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/AVvXsEiHaxhzJw4qEzxwzFHGIF3AMaaqqfLNxM-AuIcgM0VM9oRixazgt4sv37w4KceWx75pUbRsAkb8h0NLGyQ3DtyrkOwJYQozO4cQ2v4Ha5_FvYj9ngDfHd1KFi-m9uc4I49g5wpDKcmIPgcR/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/AVvXsEhZlgKnldC-XhEZedn2fYzZdO02fWFHYamkpewi6WXifmhi9RYTf34zsWgvrh11REmPzJh1Q2Kz9vLQjoZunf7hgpoO2v7C-v3Rtd0_KgZmpHuIHvxxpxNRNimn7nvRMdxUl53dnl20Xgh4/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/AVvXsEiH53P_ssNTCod8-cJtMabXd4MChbH2RY-lh69GDzevLNnqIGGcfJMmY9mWvq_0dAQ2LPX-z5m1hCDpVQyoNf_sj0uG3XMG8elTizi9_CXXYr-HM83w5zXFBrrMWUQtzCisjV4Bm4KadP4i/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/AVvXsEgBRrdF_0BEXxRMxry3quSfmhMPWBey9z0AMbGCAR0S3bMDEu0idi5C9QByshulB7O35_RC95R70Hj18oKUHjWvpKOBU-OFElti_1Br-j8unW0no8l6ZWkQkIC1gfP-76utQD3ns1uR7Ln3/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/AVvXsEjB0xnOc__7_R3uxDLkPuEO80PPp2ONI8ugHbpCYLdhs1J1iMD4ixK30uFvVYxZsIBapyreLP-n1QLK20a4lKrTkEnWT7M6xwsKZsa8pMFfwzrtdow1Acv7xeQAYmhi4DRmrauaZwewh5N7/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/AVvXsEiGnwRXPuG6soCHGXUYiy-NogIrqO81Az5NvwBB3Zfji0GkDZjro_M-ECiHkEfgLotYMTRyMoF_gb45XoB9OvA-QlKrmesqZKVTtfbbimNf7hEFZ5RhI8kbVQguBpdNK12gBZxIDhVPGhBJ/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/AVvXsEi9xL1F2YvV2x78ClQ3c32aAEZFrKXoowKZMnI05eRmU5D69bZG8juIYQRHZqrgBiCzm6Y3B2oN_BxC5CzMEn-uFCUoAvQmNvurYVhM8bmt60yVfogkX8bBoFDts_AKKo1ct9NsWELehsrg/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/AVvXsEgPYdRSiF5A0Q8onV_Z-p4o767kMpr1EZiMw-GeAz6ex7fGuLckVbvnKT_lK8Lk-040a2t-APKfHBTX4LLg-Ijn9ZfLtBy5FwUAsynfvzBqrVaTFCp5Zv3WVwisfsE3825ljZxktJhIKeF6/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/AVvXsEhaHchcEVggNYxpfsg4g7O2i6Nc5honRoXFPO2tRCQfKlXls73Z0poUKeAEpPtzit47sxDzVZD7TVNgghZCzmbz9jgO3ePRkRQSovgA74wo_P2hK4act6nWXedGKHpw3ytNz3874uDmaJ3s/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/AVvXsEgU7N32xZyb-sErbz4ZReB8F9biW8LzhWxif-tarQfm5e2JZJE63JTdWepHNy26edXshBhTOQPPCCpZyYNJQXn6QAxT6icszDH0TsEVzSeVGzoqsnJtUc9HEsuYtqr7lqfiDHooFx4bbl32/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/AVvXsEj4ua6viOuiM8iGOhOW2mlBe1VWaV-D5cQ4FhqNvJS52LSy8nfOMeqCaYrAs5uyBtqVl_8uD0HHUcfbPWs0JVY-asIeT3w4by6yE22mieIz36KJ1s1-Mjw4YO4vvS0P6buBRt79OW1yoQk_/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/AVvXsEh0UV0pC0C3ik0WemMHudEzmerh7lGCyoe50upPGRzaPkI9v0FPa0cGeXGrL41O0UTcnctr30a73Dhui4hA5UBVANv5mryJPjANiuKLlDHteHsvY1UZT3SzXbhySKKNzKj6fuTNUVp8Mj8O/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/AVvXsEiHaxhzJw4qEzxwzFHGIF3AMaaqqfLNxM-AuIcgM0VM9oRixazgt4sv37w4KceWx75pUbRsAkb8h0NLGyQ3DtyrkOwJYQozO4cQ2v4Ha5_FvYj9ngDfHd1KFi-m9uc4I49g5wpDKcmIPgcR/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/AVvXsEhZlgKnldC-XhEZedn2fYzZdO02fWFHYamkpewi6WXifmhi9RYTf34zsWgvrh11REmPzJh1Q2Kz9vLQjoZunf7hgpoO2v7C-v3Rtd0_KgZmpHuIHvxxpxNRNimn7nvRMdxUl53dnl20Xgh4/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/AVvXsEiH53P_ssNTCod8-cJtMabXd4MChbH2RY-lh69GDzevLNnqIGGcfJMmY9mWvq_0dAQ2LPX-z5m1hCDpVQyoNf_sj0uG3XMG8elTizi9_CXXYr-HM83w5zXFBrrMWUQtzCisjV4Bm4KadP4i/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/AVvXsEgBRrdF_0BEXxRMxry3quSfmhMPWBey9z0AMbGCAR0S3bMDEu0idi5C9QByshulB7O35_RC95R70Hj18oKUHjWvpKOBU-OFElti_1Br-j8unW0no8l6ZWkQkIC1gfP-76utQD3ns1uR7Ln3/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/AVvXsEjB0xnOc__7_R3uxDLkPuEO80PPp2ONI8ugHbpCYLdhs1J1iMD4ixK30uFvVYxZsIBapyreLP-n1QLK20a4lKrTkEnWT7M6xwsKZsa8pMFfwzrtdow1Acv7xeQAYmhi4DRmrauaZwewh5N7/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/AVvXsEiGnwRXPuG6soCHGXUYiy-NogIrqO81Az5NvwBB3Zfji0GkDZjro_M-ECiHkEfgLotYMTRyMoF_gb45XoB9OvA-QlKrmesqZKVTtfbbimNf7hEFZ5RhI8kbVQguBpdNK12gBZxIDhVPGhBJ/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/AVvXsEi9xL1F2YvV2x78ClQ3c32aAEZFrKXoowKZMnI05eRmU5D69bZG8juIYQRHZqrgBiCzm6Y3B2oN_BxC5CzMEn-uFCUoAvQmNvurYVhM8bmt60yVfogkX8bBoFDts_AKKo1ct9NsWELehsrg/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/AVvXsEgPYdRSiF5A0Q8onV_Z-p4o767kMpr1EZiMw-GeAz6ex7fGuLckVbvnKT_lK8Lk-040a2t-APKfHBTX4LLg-Ijn9ZfLtBy5FwUAsynfvzBqrVaTFCp5Zv3WVwisfsE3825ljZxktJhIKeF6/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..
