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/AVvXsEj8UqxrjxfiKCcaOPFdsbUTtcgVRGQ_sT3j8l0l1VdQCKPyzqR4O2ucCUFvCQs_cdvYiL5yqzkZINjc6yM6eb6V8qWG6I9S-X76ejrR3E5L3v-Kx_aWzZwa0kBg5qd7b00zjY0fgeCaKnNL/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/AVvXsEg_6-_8p9WcxM1xyf8Pe4VcYkTLpzqhgY2eBbljz2KT6cLfOtkzUaGc-TBWQcWdLXZz89-45D3C9hsvgHxOlxg6eUFmW6mfja5SKtYJj48DLFRY10_wYUFc5JsKTLFk09dArB5YfhevkPkQ/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/AVvXsEg49yZZLnPojKg-Xas-kF2BjjqWFR82EsOuTEhFoGOlI23ZKDlx3zR_kPyq4XC7E-kDfGUDg3HHRyYbpprikz1UqdxvXxYzheF14xNT7JS1w3mnlf_JyPhxRH13lqntcS4rgHElaYgVMqNU/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/AVvXsEjncLZH4nWWH1iHkFWbgdxX8UjO2QyW0LW7MkzLfqM21aah9Jm2N3TUJoJZlCjGcTb7EITnAMnr_DY94FEcBa3owUruxIjLb-Fo9y1klghLCinU9ZKgJob5Svqb-AXEv57_n4qmBC7kAoWi/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/AVvXsEhumRyj0k5B6PFRL1KVq8LLY657KvoQeD4L3EvdCAaqTuv_FKXlKbAuTnpByXc1WURDJEcC-7-Iavp6bQfqysvv5L7KNa7K8T208RX1FMv3QJPdtpV4_kSQobcnuPMVvrgQXVXRQKwSlLp5/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/AVvXsEhsycIRi5UPcuRgaqONJ8dMXXTMsMrpmhW-1Q99S9vb8bBGIt90Ex2rwZPCYVHvvPCOBi2O60S6oa0R5Y0-fJDgsq9bxXtE02M5DfHpl-P8cp7mAhka-wMFCQpt1-cBwObntA5_0g-7iz3s/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/AVvXsEhXikmqCAmuwYqq9SF77wY-VbJsgAIZyVQk4KExv0nC8VshkWrBiWqSkPnD1FUHfmbO5NxIOgaEAR_V7wQnqtUjw-SBg2UtkV2a9NHzgebtEXDMJQw-Syqfh25xIdHRACwC0JVh6KgpaCwE/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/AVvXsEh2LbXgJJPjOQaYLEL6DOeS8YZlnKa56aJ3ia_03_yCZf4XeX_ixaWz22HLQ7oXp4DM3nJJ2RsyPihI1-Qn-QtTN1sG23Mf050VAFSKmnC6MWEqep9_idddtFGNGSZxRGCY4SXMovg120F9/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/AVvXsEirFkQX78Slxzhtx4eag4yKGGg6a_UuOixf_WiGf8A0iffyWhCmy3iOzDMulaU8rpwgSJ-BDMIrL0dBO5TkNe5oJCtkprvVOnEjdSP5ZDM3npn7VXkE758gbAncxMEmfvi19dF4k2e_8aZi/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/AVvXsEjFmCoBccpy4jLLv88gaBsZ6UMlz0TCDP-s_5htV06M8HqUDtkNf_maLCxXRSfDiL26jNYVJRbLe3bnzVtngs4-azmVUcZ77DxVAlAP0D9hAxwrjxidPzbihGSns2XZdvNI6lQFPZR3OZA8/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/AVvXsEiG_xy9ThBXkdSYmiAVTkiKlHrUfG-feXNa8YaULPAJXC_VUSxG1GkwZomJ3xPu6_jhtcf8k_GIMUVpLSEH-GCYfE-P-mWlS9Je-B_BEY5rMdVr5He1y_-JXgdHVxHGpHNQ12T235KIBQYF/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/AVvXsEj1kA1pO1orVjJcmnE_eIfwdJvHnCj6kijCNR5OuGSboI3te-rIkobgU7qNCZLUGdROGGgD-VBjEP3m3rfBlzqfEIK6CyFqkWa3vjmTuGF2i32IWPxrexC0iePPE9ARRK5rNRg-e08vovMy/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/AVvXsEj8UqxrjxfiKCcaOPFdsbUTtcgVRGQ_sT3j8l0l1VdQCKPyzqR4O2ucCUFvCQs_cdvYiL5yqzkZINjc6yM6eb6V8qWG6I9S-X76ejrR3E5L3v-Kx_aWzZwa0kBg5qd7b00zjY0fgeCaKnNL/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/AVvXsEg_6-_8p9WcxM1xyf8Pe4VcYkTLpzqhgY2eBbljz2KT6cLfOtkzUaGc-TBWQcWdLXZz89-45D3C9hsvgHxOlxg6eUFmW6mfja5SKtYJj48DLFRY10_wYUFc5JsKTLFk09dArB5YfhevkPkQ/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/AVvXsEg49yZZLnPojKg-Xas-kF2BjjqWFR82EsOuTEhFoGOlI23ZKDlx3zR_kPyq4XC7E-kDfGUDg3HHRyYbpprikz1UqdxvXxYzheF14xNT7JS1w3mnlf_JyPhxRH13lqntcS4rgHElaYgVMqNU/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/AVvXsEjncLZH4nWWH1iHkFWbgdxX8UjO2QyW0LW7MkzLfqM21aah9Jm2N3TUJoJZlCjGcTb7EITnAMnr_DY94FEcBa3owUruxIjLb-Fo9y1klghLCinU9ZKgJob5Svqb-AXEv57_n4qmBC7kAoWi/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/AVvXsEhumRyj0k5B6PFRL1KVq8LLY657KvoQeD4L3EvdCAaqTuv_FKXlKbAuTnpByXc1WURDJEcC-7-Iavp6bQfqysvv5L7KNa7K8T208RX1FMv3QJPdtpV4_kSQobcnuPMVvrgQXVXRQKwSlLp5/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/AVvXsEhsycIRi5UPcuRgaqONJ8dMXXTMsMrpmhW-1Q99S9vb8bBGIt90Ex2rwZPCYVHvvPCOBi2O60S6oa0R5Y0-fJDgsq9bxXtE02M5DfHpl-P8cp7mAhka-wMFCQpt1-cBwObntA5_0g-7iz3s/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/AVvXsEhXikmqCAmuwYqq9SF77wY-VbJsgAIZyVQk4KExv0nC8VshkWrBiWqSkPnD1FUHfmbO5NxIOgaEAR_V7wQnqtUjw-SBg2UtkV2a9NHzgebtEXDMJQw-Syqfh25xIdHRACwC0JVh6KgpaCwE/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/AVvXsEh2LbXgJJPjOQaYLEL6DOeS8YZlnKa56aJ3ia_03_yCZf4XeX_ixaWz22HLQ7oXp4DM3nJJ2RsyPihI1-Qn-QtTN1sG23Mf050VAFSKmnC6MWEqep9_idddtFGNGSZxRGCY4SXMovg120F9/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/AVvXsEirFkQX78Slxzhtx4eag4yKGGg6a_UuOixf_WiGf8A0iffyWhCmy3iOzDMulaU8rpwgSJ-BDMIrL0dBO5TkNe5oJCtkprvVOnEjdSP5ZDM3npn7VXkE758gbAncxMEmfvi19dF4k2e_8aZi/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/AVvXsEjFmCoBccpy4jLLv88gaBsZ6UMlz0TCDP-s_5htV06M8HqUDtkNf_maLCxXRSfDiL26jNYVJRbLe3bnzVtngs4-azmVUcZ77DxVAlAP0D9hAxwrjxidPzbihGSns2XZdvNI6lQFPZR3OZA8/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/AVvXsEiG_xy9ThBXkdSYmiAVTkiKlHrUfG-feXNa8YaULPAJXC_VUSxG1GkwZomJ3xPu6_jhtcf8k_GIMUVpLSEH-GCYfE-P-mWlS9Je-B_BEY5rMdVr5He1y_-JXgdHVxHGpHNQ12T235KIBQYF/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/AVvXsEj1kA1pO1orVjJcmnE_eIfwdJvHnCj6kijCNR5OuGSboI3te-rIkobgU7qNCZLUGdROGGgD-VBjEP3m3rfBlzqfEIK6CyFqkWa3vjmTuGF2i32IWPxrexC0iePPE9ARRK5rNRg-e08vovMy/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/AVvXsEj8UqxrjxfiKCcaOPFdsbUTtcgVRGQ_sT3j8l0l1VdQCKPyzqR4O2ucCUFvCQs_cdvYiL5yqzkZINjc6yM6eb6V8qWG6I9S-X76ejrR3E5L3v-Kx_aWzZwa0kBg5qd7b00zjY0fgeCaKnNL/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/AVvXsEg_6-_8p9WcxM1xyf8Pe4VcYkTLpzqhgY2eBbljz2KT6cLfOtkzUaGc-TBWQcWdLXZz89-45D3C9hsvgHxOlxg6eUFmW6mfja5SKtYJj48DLFRY10_wYUFc5JsKTLFk09dArB5YfhevkPkQ/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/AVvXsEg49yZZLnPojKg-Xas-kF2BjjqWFR82EsOuTEhFoGOlI23ZKDlx3zR_kPyq4XC7E-kDfGUDg3HHRyYbpprikz1UqdxvXxYzheF14xNT7JS1w3mnlf_JyPhxRH13lqntcS4rgHElaYgVMqNU/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/AVvXsEjncLZH4nWWH1iHkFWbgdxX8UjO2QyW0LW7MkzLfqM21aah9Jm2N3TUJoJZlCjGcTb7EITnAMnr_DY94FEcBa3owUruxIjLb-Fo9y1klghLCinU9ZKgJob5Svqb-AXEv57_n4qmBC7kAoWi/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/AVvXsEhumRyj0k5B6PFRL1KVq8LLY657KvoQeD4L3EvdCAaqTuv_FKXlKbAuTnpByXc1WURDJEcC-7-Iavp6bQfqysvv5L7KNa7K8T208RX1FMv3QJPdtpV4_kSQobcnuPMVvrgQXVXRQKwSlLp5/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/AVvXsEhsycIRi5UPcuRgaqONJ8dMXXTMsMrpmhW-1Q99S9vb8bBGIt90Ex2rwZPCYVHvvPCOBi2O60S6oa0R5Y0-fJDgsq9bxXtE02M5DfHpl-P8cp7mAhka-wMFCQpt1-cBwObntA5_0g-7iz3s/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/AVvXsEhXikmqCAmuwYqq9SF77wY-VbJsgAIZyVQk4KExv0nC8VshkWrBiWqSkPnD1FUHfmbO5NxIOgaEAR_V7wQnqtUjw-SBg2UtkV2a9NHzgebtEXDMJQw-Syqfh25xIdHRACwC0JVh6KgpaCwE/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/AVvXsEh2LbXgJJPjOQaYLEL6DOeS8YZlnKa56aJ3ia_03_yCZf4XeX_ixaWz22HLQ7oXp4DM3nJJ2RsyPihI1-Qn-QtTN1sG23Mf050VAFSKmnC6MWEqep9_idddtFGNGSZxRGCY4SXMovg120F9/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/AVvXsEirFkQX78Slxzhtx4eag4yKGGg6a_UuOixf_WiGf8A0iffyWhCmy3iOzDMulaU8rpwgSJ-BDMIrL0dBO5TkNe5oJCtkprvVOnEjdSP5ZDM3npn7VXkE758gbAncxMEmfvi19dF4k2e_8aZi/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/AVvXsEjFmCoBccpy4jLLv88gaBsZ6UMlz0TCDP-s_5htV06M8HqUDtkNf_maLCxXRSfDiL26jNYVJRbLe3bnzVtngs4-azmVUcZ77DxVAlAP0D9hAxwrjxidPzbihGSns2XZdvNI6lQFPZR3OZA8/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/AVvXsEiG_xy9ThBXkdSYmiAVTkiKlHrUfG-feXNa8YaULPAJXC_VUSxG1GkwZomJ3xPu6_jhtcf8k_GIMUVpLSEH-GCYfE-P-mWlS9Je-B_BEY5rMdVr5He1y_-JXgdHVxHGpHNQ12T235KIBQYF/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/AVvXsEj1kA1pO1orVjJcmnE_eIfwdJvHnCj6kijCNR5OuGSboI3te-rIkobgU7qNCZLUGdROGGgD-VBjEP3m3rfBlzqfEIK6CyFqkWa3vjmTuGF2i32IWPxrexC0iePPE9ARRK5rNRg-e08vovMy/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/AVvXsEj8UqxrjxfiKCcaOPFdsbUTtcgVRGQ_sT3j8l0l1VdQCKPyzqR4O2ucCUFvCQs_cdvYiL5yqzkZINjc6yM6eb6V8qWG6I9S-X76ejrR3E5L3v-Kx_aWzZwa0kBg5qd7b00zjY0fgeCaKnNL/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/AVvXsEg_6-_8p9WcxM1xyf8Pe4VcYkTLpzqhgY2eBbljz2KT6cLfOtkzUaGc-TBWQcWdLXZz89-45D3C9hsvgHxOlxg6eUFmW6mfja5SKtYJj48DLFRY10_wYUFc5JsKTLFk09dArB5YfhevkPkQ/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/AVvXsEg49yZZLnPojKg-Xas-kF2BjjqWFR82EsOuTEhFoGOlI23ZKDlx3zR_kPyq4XC7E-kDfGUDg3HHRyYbpprikz1UqdxvXxYzheF14xNT7JS1w3mnlf_JyPhxRH13lqntcS4rgHElaYgVMqNU/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/AVvXsEjncLZH4nWWH1iHkFWbgdxX8UjO2QyW0LW7MkzLfqM21aah9Jm2N3TUJoJZlCjGcTb7EITnAMnr_DY94FEcBa3owUruxIjLb-Fo9y1klghLCinU9ZKgJob5Svqb-AXEv57_n4qmBC7kAoWi/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/AVvXsEhumRyj0k5B6PFRL1KVq8LLY657KvoQeD4L3EvdCAaqTuv_FKXlKbAuTnpByXc1WURDJEcC-7-Iavp6bQfqysvv5L7KNa7K8T208RX1FMv3QJPdtpV4_kSQobcnuPMVvrgQXVXRQKwSlLp5/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/AVvXsEhsycIRi5UPcuRgaqONJ8dMXXTMsMrpmhW-1Q99S9vb8bBGIt90Ex2rwZPCYVHvvPCOBi2O60S6oa0R5Y0-fJDgsq9bxXtE02M5DfHpl-P8cp7mAhka-wMFCQpt1-cBwObntA5_0g-7iz3s/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/AVvXsEhXikmqCAmuwYqq9SF77wY-VbJsgAIZyVQk4KExv0nC8VshkWrBiWqSkPnD1FUHfmbO5NxIOgaEAR_V7wQnqtUjw-SBg2UtkV2a9NHzgebtEXDMJQw-Syqfh25xIdHRACwC0JVh6KgpaCwE/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/AVvXsEh2LbXgJJPjOQaYLEL6DOeS8YZlnKa56aJ3ia_03_yCZf4XeX_ixaWz22HLQ7oXp4DM3nJJ2RsyPihI1-Qn-QtTN1sG23Mf050VAFSKmnC6MWEqep9_idddtFGNGSZxRGCY4SXMovg120F9/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/AVvXsEirFkQX78Slxzhtx4eag4yKGGg6a_UuOixf_WiGf8A0iffyWhCmy3iOzDMulaU8rpwgSJ-BDMIrL0dBO5TkNe5oJCtkprvVOnEjdSP5ZDM3npn7VXkE758gbAncxMEmfvi19dF4k2e_8aZi/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/AVvXsEjFmCoBccpy4jLLv88gaBsZ6UMlz0TCDP-s_5htV06M8HqUDtkNf_maLCxXRSfDiL26jNYVJRbLe3bnzVtngs4-azmVUcZ77DxVAlAP0D9hAxwrjxidPzbihGSns2XZdvNI6lQFPZR3OZA8/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/AVvXsEiG_xy9ThBXkdSYmiAVTkiKlHrUfG-feXNa8YaULPAJXC_VUSxG1GkwZomJ3xPu6_jhtcf8k_GIMUVpLSEH-GCYfE-P-mWlS9Je-B_BEY5rMdVr5He1y_-JXgdHVxHGpHNQ12T235KIBQYF/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/AVvXsEj1kA1pO1orVjJcmnE_eIfwdJvHnCj6kijCNR5OuGSboI3te-rIkobgU7qNCZLUGdROGGgD-VBjEP3m3rfBlzqfEIK6CyFqkWa3vjmTuGF2i32IWPxrexC0iePPE9ARRK5rNRg-e08vovMy/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..