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/AVvXsEhY1La9UHcuKuqCoDscMGI0bQEmFPUZU8pEZMdwi88QI_2XI7YH16l9UrjfG4sThCxBOb34BJevjZHYugrik1mvi4TaHU8gBQj9zdxT5ZTVVuWJ9qf65js9n4gBdf5opr-dkD3sxYJ2HBdT/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/AVvXsEjrz-fw9NKRhv_igdRTBDGVB79KT65EJQ1K4vwy1bZCJD5GaopCQa1beANP7sQfTGtiULe4ljxKizZ5IBUWM2ZrqOBrwznD8gKDr3Y_xudhxN8eciYhYM3X077WvADw_kWtfMxL7F7XldLw/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/AVvXsEhDQgHUO2CIKqiYrtZtFQikEFpKlqYfViI5CetKKPxlgnZp-d2NUuT69xIASClrgf9WDFcs8XZ57ZQ4IPtngpLJi7102oi-qalRLRBnXx2jHtd1w3HCJaCtDrgBU-85zXF3muMA9vGoIOqI/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/AVvXsEiOLEDxjZm66W9Lpj4a2sZa8oMHnsrE4cF7qRKcy2z6En2O6YP2coiIb6LMnQ-6FBAJJkW2c8kXTJacBXkaB0bL-zi3v7nNLc9uJAfJg7fvTudQoPNK0aDIeQd8ELnKcCdRPQbkp5HRu3OG/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/AVvXsEhxNP2r41h8TFmnTS9XP578vBrX5Iusi2E4j4wKJ9iNgaSj8iqQX6ebXdW4TTCVusIXadCqFmY5HbZ5iqloZq7oY6HbKe-fd6GXOcbHWSk5aT4J823oNXXdrfT3Zm2W_RYFcPEXcpKhLoFn/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-53nyTDcHVMFebs1nMwh0ybV7Ku5sEt2sGMLsCd7qm9gJRVdYrJ8RbOu_H9nVJ0LgOnHwCsT8G4gjp2MRvIl-4DY5soabPL7Ro40Of0BGa3GJ3gkMr31J2p72GJ0XP5DEM9dR_eeKSRvV/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/AVvXsEgp7hGKtCSzG79Dw03HAjZ-BbfV8GBx5y64c-kDSHmUdrgQdDi6nzn_oPCo70sE7WaJMWEhOmCkEpohpn3OjW1TqWXAYerFjhS4GHCSmynwssZ4r1va3bEqcI4OWGPOys0JMTXciGO9Tmlo/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/AVvXsEhMEhMqfzeB7oaiV_19c3XXL2U351ZkQOexKDSipK-QoTPtFVV3_a_aUYdL8EDqA4qQ2oROlHhltuNQd0stGFpPkGhAToG4WQrE97NQxmZMMd8nrCm9Xlq48p3X4Yji9tUgCdIur4SdbclU/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/AVvXsEieG_5oZ17asKF6HgYK3n2KoRNrcM2VIBDhy5B8y6nKaSfOMvps8rOF1AZcabFwCq0j_Z5U2jTrV0ippBPWmNLL8nlXb_5ga43Bs14SKnLoyxRSX5HMmWuna0CcXC2rp2HVe81MHiMRjZL7/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/AVvXsEjYYgEYfMGs_-Nucqdlvvfgjfd8vvi8F6hyphenhyphen0IUUDHaRM0IGHwtK-NfbYGAinYdkIQZosImKR5ESrZ1UqhoRz2SY9YXXUWm2eEE5oexvbdzwdzoNeh01OGKg7bE1uogQ_uxKs8dVUcZpRltE/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/AVvXsEjT9-Fp2aGV2dfJXAUQaXv66lExKf9ft4_Lz6js4WrG2AKmKO8S-7VC0143ME5-w_-fF_Vhtf8vPDGF8kVVJKTZtaG5ZZdXjmdri81zaYgmlPyybtLaTURdjT5yrQCZSTAiY4w8yMlohuyd/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/AVvXsEiRrMHYDAg1CIGUhM0dnuCaGDhMp646Fowls2rtEfGoPPcuFVf9WMaT7PsVON9OS_HG3v-o8aqo7ui_B6UPRuLUfxk0G3-P6Nxold9YphFg4oFcvI3EVV4hmJ-iGc4-V3TGrPnil1w7z8Cy/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://doni3d.blogspot.com/2011/09/cara-memasang-widget-google-translate.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/AVvXsEhY1La9UHcuKuqCoDscMGI0bQEmFPUZU8pEZMdwi88QI_2XI7YH16l9UrjfG4sThCxBOb34BJevjZHYugrik1mvi4TaHU8gBQj9zdxT5ZTVVuWJ9qf65js9n4gBdf5opr-dkD3sxYJ2HBdT/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/AVvXsEjrz-fw9NKRhv_igdRTBDGVB79KT65EJQ1K4vwy1bZCJD5GaopCQa1beANP7sQfTGtiULe4ljxKizZ5IBUWM2ZrqOBrwznD8gKDr3Y_xudhxN8eciYhYM3X077WvADw_kWtfMxL7F7XldLw/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/AVvXsEhDQgHUO2CIKqiYrtZtFQikEFpKlqYfViI5CetKKPxlgnZp-d2NUuT69xIASClrgf9WDFcs8XZ57ZQ4IPtngpLJi7102oi-qalRLRBnXx2jHtd1w3HCJaCtDrgBU-85zXF3muMA9vGoIOqI/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/AVvXsEiOLEDxjZm66W9Lpj4a2sZa8oMHnsrE4cF7qRKcy2z6En2O6YP2coiIb6LMnQ-6FBAJJkW2c8kXTJacBXkaB0bL-zi3v7nNLc9uJAfJg7fvTudQoPNK0aDIeQd8ELnKcCdRPQbkp5HRu3OG/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/AVvXsEhxNP2r41h8TFmnTS9XP578vBrX5Iusi2E4j4wKJ9iNgaSj8iqQX6ebXdW4TTCVusIXadCqFmY5HbZ5iqloZq7oY6HbKe-fd6GXOcbHWSk5aT4J823oNXXdrfT3Zm2W_RYFcPEXcpKhLoFn/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-53nyTDcHVMFebs1nMwh0ybV7Ku5sEt2sGMLsCd7qm9gJRVdYrJ8RbOu_H9nVJ0LgOnHwCsT8G4gjp2MRvIl-4DY5soabPL7Ro40Of0BGa3GJ3gkMr31J2p72GJ0XP5DEM9dR_eeKSRvV/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/AVvXsEgp7hGKtCSzG79Dw03HAjZ-BbfV8GBx5y64c-kDSHmUdrgQdDi6nzn_oPCo70sE7WaJMWEhOmCkEpohpn3OjW1TqWXAYerFjhS4GHCSmynwssZ4r1va3bEqcI4OWGPOys0JMTXciGO9Tmlo/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/AVvXsEhMEhMqfzeB7oaiV_19c3XXL2U351ZkQOexKDSipK-QoTPtFVV3_a_aUYdL8EDqA4qQ2oROlHhltuNQd0stGFpPkGhAToG4WQrE97NQxmZMMd8nrCm9Xlq48p3X4Yji9tUgCdIur4SdbclU/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/AVvXsEieG_5oZ17asKF6HgYK3n2KoRNrcM2VIBDhy5B8y6nKaSfOMvps8rOF1AZcabFwCq0j_Z5U2jTrV0ippBPWmNLL8nlXb_5ga43Bs14SKnLoyxRSX5HMmWuna0CcXC2rp2HVe81MHiMRjZL7/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/AVvXsEjYYgEYfMGs_-Nucqdlvvfgjfd8vvi8F6hyphenhyphen0IUUDHaRM0IGHwtK-NfbYGAinYdkIQZosImKR5ESrZ1UqhoRz2SY9YXXUWm2eEE5oexvbdzwdzoNeh01OGKg7bE1uogQ_uxKs8dVUcZpRltE/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/AVvXsEjT9-Fp2aGV2dfJXAUQaXv66lExKf9ft4_Lz6js4WrG2AKmKO8S-7VC0143ME5-w_-fF_Vhtf8vPDGF8kVVJKTZtaG5ZZdXjmdri81zaYgmlPyybtLaTURdjT5yrQCZSTAiY4w8yMlohuyd/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/AVvXsEiRrMHYDAg1CIGUhM0dnuCaGDhMp646Fowls2rtEfGoPPcuFVf9WMaT7PsVON9OS_HG3v-o8aqo7ui_B6UPRuLUfxk0G3-P6Nxold9YphFg4oFcvI3EVV4hmJ-iGc4-V3TGrPnil1w7z8Cy/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://doni3d.blogspot.com/2011/09/cara-memasang-widget-google-translate.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/AVvXsEhY1La9UHcuKuqCoDscMGI0bQEmFPUZU8pEZMdwi88QI_2XI7YH16l9UrjfG4sThCxBOb34BJevjZHYugrik1mvi4TaHU8gBQj9zdxT5ZTVVuWJ9qf65js9n4gBdf5opr-dkD3sxYJ2HBdT/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/AVvXsEjrz-fw9NKRhv_igdRTBDGVB79KT65EJQ1K4vwy1bZCJD5GaopCQa1beANP7sQfTGtiULe4ljxKizZ5IBUWM2ZrqOBrwznD8gKDr3Y_xudhxN8eciYhYM3X077WvADw_kWtfMxL7F7XldLw/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/AVvXsEhDQgHUO2CIKqiYrtZtFQikEFpKlqYfViI5CetKKPxlgnZp-d2NUuT69xIASClrgf9WDFcs8XZ57ZQ4IPtngpLJi7102oi-qalRLRBnXx2jHtd1w3HCJaCtDrgBU-85zXF3muMA9vGoIOqI/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/AVvXsEiOLEDxjZm66W9Lpj4a2sZa8oMHnsrE4cF7qRKcy2z6En2O6YP2coiIb6LMnQ-6FBAJJkW2c8kXTJacBXkaB0bL-zi3v7nNLc9uJAfJg7fvTudQoPNK0aDIeQd8ELnKcCdRPQbkp5HRu3OG/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/AVvXsEhxNP2r41h8TFmnTS9XP578vBrX5Iusi2E4j4wKJ9iNgaSj8iqQX6ebXdW4TTCVusIXadCqFmY5HbZ5iqloZq7oY6HbKe-fd6GXOcbHWSk5aT4J823oNXXdrfT3Zm2W_RYFcPEXcpKhLoFn/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-53nyTDcHVMFebs1nMwh0ybV7Ku5sEt2sGMLsCd7qm9gJRVdYrJ8RbOu_H9nVJ0LgOnHwCsT8G4gjp2MRvIl-4DY5soabPL7Ro40Of0BGa3GJ3gkMr31J2p72GJ0XP5DEM9dR_eeKSRvV/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/AVvXsEgp7hGKtCSzG79Dw03HAjZ-BbfV8GBx5y64c-kDSHmUdrgQdDi6nzn_oPCo70sE7WaJMWEhOmCkEpohpn3OjW1TqWXAYerFjhS4GHCSmynwssZ4r1va3bEqcI4OWGPOys0JMTXciGO9Tmlo/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/AVvXsEhMEhMqfzeB7oaiV_19c3XXL2U351ZkQOexKDSipK-QoTPtFVV3_a_aUYdL8EDqA4qQ2oROlHhltuNQd0stGFpPkGhAToG4WQrE97NQxmZMMd8nrCm9Xlq48p3X4Yji9tUgCdIur4SdbclU/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/AVvXsEieG_5oZ17asKF6HgYK3n2KoRNrcM2VIBDhy5B8y6nKaSfOMvps8rOF1AZcabFwCq0j_Z5U2jTrV0ippBPWmNLL8nlXb_5ga43Bs14SKnLoyxRSX5HMmWuna0CcXC2rp2HVe81MHiMRjZL7/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/AVvXsEjYYgEYfMGs_-Nucqdlvvfgjfd8vvi8F6hyphenhyphen0IUUDHaRM0IGHwtK-NfbYGAinYdkIQZosImKR5ESrZ1UqhoRz2SY9YXXUWm2eEE5oexvbdzwdzoNeh01OGKg7bE1uogQ_uxKs8dVUcZpRltE/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/AVvXsEjT9-Fp2aGV2dfJXAUQaXv66lExKf9ft4_Lz6js4WrG2AKmKO8S-7VC0143ME5-w_-fF_Vhtf8vPDGF8kVVJKTZtaG5ZZdXjmdri81zaYgmlPyybtLaTURdjT5yrQCZSTAiY4w8yMlohuyd/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/AVvXsEiRrMHYDAg1CIGUhM0dnuCaGDhMp646Fowls2rtEfGoPPcuFVf9WMaT7PsVON9OS_HG3v-o8aqo7ui_B6UPRuLUfxk0G3-P6Nxold9YphFg4oFcvI3EVV4hmJ-iGc4-V3TGrPnil1w7z8Cy/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://doni3d.blogspot.com/2011/09/cara-memasang-widget-google-translate.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/AVvXsEhY1La9UHcuKuqCoDscMGI0bQEmFPUZU8pEZMdwi88QI_2XI7YH16l9UrjfG4sThCxBOb34BJevjZHYugrik1mvi4TaHU8gBQj9zdxT5ZTVVuWJ9qf65js9n4gBdf5opr-dkD3sxYJ2HBdT/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/AVvXsEjrz-fw9NKRhv_igdRTBDGVB79KT65EJQ1K4vwy1bZCJD5GaopCQa1beANP7sQfTGtiULe4ljxKizZ5IBUWM2ZrqOBrwznD8gKDr3Y_xudhxN8eciYhYM3X077WvADw_kWtfMxL7F7XldLw/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/AVvXsEhDQgHUO2CIKqiYrtZtFQikEFpKlqYfViI5CetKKPxlgnZp-d2NUuT69xIASClrgf9WDFcs8XZ57ZQ4IPtngpLJi7102oi-qalRLRBnXx2jHtd1w3HCJaCtDrgBU-85zXF3muMA9vGoIOqI/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/AVvXsEiOLEDxjZm66W9Lpj4a2sZa8oMHnsrE4cF7qRKcy2z6En2O6YP2coiIb6LMnQ-6FBAJJkW2c8kXTJacBXkaB0bL-zi3v7nNLc9uJAfJg7fvTudQoPNK0aDIeQd8ELnKcCdRPQbkp5HRu3OG/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/AVvXsEhxNP2r41h8TFmnTS9XP578vBrX5Iusi2E4j4wKJ9iNgaSj8iqQX6ebXdW4TTCVusIXadCqFmY5HbZ5iqloZq7oY6HbKe-fd6GXOcbHWSk5aT4J823oNXXdrfT3Zm2W_RYFcPEXcpKhLoFn/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-53nyTDcHVMFebs1nMwh0ybV7Ku5sEt2sGMLsCd7qm9gJRVdYrJ8RbOu_H9nVJ0LgOnHwCsT8G4gjp2MRvIl-4DY5soabPL7Ro40Of0BGa3GJ3gkMr31J2p72GJ0XP5DEM9dR_eeKSRvV/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/AVvXsEgp7hGKtCSzG79Dw03HAjZ-BbfV8GBx5y64c-kDSHmUdrgQdDi6nzn_oPCo70sE7WaJMWEhOmCkEpohpn3OjW1TqWXAYerFjhS4GHCSmynwssZ4r1va3bEqcI4OWGPOys0JMTXciGO9Tmlo/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/AVvXsEhMEhMqfzeB7oaiV_19c3XXL2U351ZkQOexKDSipK-QoTPtFVV3_a_aUYdL8EDqA4qQ2oROlHhltuNQd0stGFpPkGhAToG4WQrE97NQxmZMMd8nrCm9Xlq48p3X4Yji9tUgCdIur4SdbclU/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/AVvXsEieG_5oZ17asKF6HgYK3n2KoRNrcM2VIBDhy5B8y6nKaSfOMvps8rOF1AZcabFwCq0j_Z5U2jTrV0ippBPWmNLL8nlXb_5ga43Bs14SKnLoyxRSX5HMmWuna0CcXC2rp2HVe81MHiMRjZL7/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/AVvXsEjYYgEYfMGs_-Nucqdlvvfgjfd8vvi8F6hyphenhyphen0IUUDHaRM0IGHwtK-NfbYGAinYdkIQZosImKR5ESrZ1UqhoRz2SY9YXXUWm2eEE5oexvbdzwdzoNeh01OGKg7bE1uogQ_uxKs8dVUcZpRltE/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/AVvXsEjT9-Fp2aGV2dfJXAUQaXv66lExKf9ft4_Lz6js4WrG2AKmKO8S-7VC0143ME5-w_-fF_Vhtf8vPDGF8kVVJKTZtaG5ZZdXjmdri81zaYgmlPyybtLaTURdjT5yrQCZSTAiY4w8yMlohuyd/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/AVvXsEiRrMHYDAg1CIGUhM0dnuCaGDhMp646Fowls2rtEfGoPPcuFVf9WMaT7PsVON9OS_HG3v-o8aqo7ui_B6UPRuLUfxk0G3-P6Nxold9YphFg4oFcvI3EVV4hmJ-iGc4-V3TGrPnil1w7z8Cy/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://doni3d.blogspot.com/2011/09/cara-memasang-widget-google-translate.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:
Posting Komentar
Terima kasih,telah mampir di blog saya.., Saran,kritik dan Komentar anda saya tunggu.