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.
Bagi anda yang tertarik, silahkan copy kode dibawah ini.
~ Untuk Google Translate 2 baris. Gunakan kode dibawah ini:
.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/AVvXsEjXfkCZUgntXnNwHJyf97adKR3uYwCODIZ2FBq0tLRUADilg9-OuOb81pNXPuj3AhmAk0_rT7UkqIBuNgzoyoAG0ju1nz1P0Nb9rvPJOkN_ofwS4UJOhSsGT7jWGiCWN1vVlBH-rz6M9LlG/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/AVvXsEjqbJKKNU_4k-1cyEdu-I-2gLkDqlSN5oIHLexTfX0X2EhlPDRHewVRYfEW-K4RZ96vYt3haD2OSp9EA-cwqe6vbv_j32EnuS6ZXXhx7pa0DU8ZvGaaHnBJLwzhyphenhyphena2Edsbxcdz3VesJVitd/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/AVvXsEjegUlC5BuUCdSPWcCyy7zcbsU_ikwAoCqMb4VGXPkgSR1t8sL-Er56dtSmN1lV3FvivOBIlctUt_729_gijo1SEHCefp8Z5B-j5OCXP1TpVYDJrlFta0WQv7bxJv_Y6JNW7UwT5TreHdyA/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/AVvXsEhQaa3OLzjmRyTxSF_qjQCYT-h8WDuPu7a49KPhi3IR7ZgaM-_k0njeHCHVEJJtmzNl1YFvdDgRviaj8AIE3Ii6CxmiovvETtkpumL_w7a66YG6PRjnjgcB4GOSBV6REsJZQSAiQzAmVbB7/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/AVvXsEht5s6ck7I_oAocNt1sp1yJBIpLY5RflBtq-DdqfdcLjZSLP0fZSXiJsGs3pj-Ng2MFhfAzBW9eY44pk73BSEbPETDmjzPmhhvbG8l1-IRDro6hQ801780iclWE3SNOJ_c4c6xE0k-1eUhyphenhyphen/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/AVvXsEguSx09Aprqd2OIbK1LcxLGnn7nWVeCUH73atphXraHPO1q9kcWgJxEHK3jG8eecXMnqdsrZFd1yQdbx9FwCDtffclQmNczjnjdjFrNBftitk_BYQxZyuiZl77OrtSAlNhRc1j5MZwQwH_k/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/AVvXsEgc_Ets4Gcl_3NLqUNojNUQMUPkHsGjmMxZg4UMSgmhOSaoIPnPv4hJWfSipTZIrUzI0J-BlJGVSU9PanMUqAwJ47jK_Baw5HiyWrggPxSMywq5hCU6wt4xVzrKIhpWywx9oKiPt9bOduDX/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/AVvXsEgCW_vUPdBTAA5h-Xw-Mkwr2GRu0qByAVLz7MIBKx8S5yywzlx2jNtnZfrUpj4l1G-0H3nqAoCdUvWdvetxGSUjse9YL3nZ8p3VBqyHKcGo9u-8Fjtrw8-2sqx3NXAv8GZigQfHdzFm-qoa/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/AVvXsEhNpEi-o79PWuuFi7bjgn_MG9RLwbjynoxHoQbOVB3LBCiKPHsjLkkWc28oFiGhQolDC3cGUFRgcJ9uElOPc_yCYIkaeQNa4HOi2ukacuitnlemWkIAVd7Aq69d193MLjJC-qAue5Eg2qcI/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/AVvXsEj_-rgDNGHEfMWuv-2pp27hOhzBbwUFn6TihSjyFh2mATCU1X4VeG3pkVcEq54YKyd5bGA9GWjT-vvPtCjaGIRtwJNDfXmnUII5KEg4P4vrARZPaooait8feRFRhGgtR74zvnUsApdTttoh/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/AVvXsEgEvccpb993zSExRGxLoB6H3eNCKPJOY5bQwVnRpnDaeTD556CEjJgtCPqNlBR24s8PJlTD7gU4rpPiyBbtS7W4UDw-48FvVRHGuBZ5JWQHK4ljqPyGnX22KjHpWTNAhOefPj4DMQaZMSOL/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/AVvXsEhp1q757aOcTdUqEyQVWYNP9S4KEeIeqzReMMvfAYOnuS8H8GkN46XP2B1RGFGeubIHFygsqLSSxA4mwMEOGuVzKY0dd4YWZPOQ2s8KeFXLQZW85TdgRfOV4aSBKToku095TiImPtKQHaMa/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.
semoga bermanfaat buat anda :)


FF












