Memasang Google Translate Pada Blog

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/AVvXsEhXHo1w_XM0dXUJwcVq1iFAJwpsVSeyJRNs-5gyaE_nfKb409yYYl-FpzUmIDCYw01jTBrt0L1zosVLt90U_kik9GtyoKOs3PlZzjpOamL_j6BPLtziyY7bDGk1FCX38vKKhPiyxYjcR9rM/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/AVvXsEjSfklvydTzATud1wW1z0j2-Nno-D9JVAlC76CoOelcksWlhaNM4OcjUawUj6LSaplf10yNfMoaTPy-AiTTIR6ZW4tgnIi_SEtqWc9AkZWCd-2rDd0p823W8tPHPO_xgcvZIfeMD8Ax2cz2/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/AVvXsEgTEK3itQ6OlJTmYI2tlLDFZm5HlCOsf-HnSmNDaJ5TmzAyrSN0qs2ifZKn1duVJBMjyvGWzRyn2-Y_R13ax-b3Bp1xCQT9335NkO11-rs051rMwTkzpEIgseXHYnAIuGKVTQQxKcK_msUY/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/AVvXsEjUkJRRFGwbDtUjkoRzo1Cmtcq90RKRZDhi1F1miQ3TPZ1rl7GEPf7t9WFaeKFOPN4RiGiUS1lCK9QnM8w_xGUAUrgiLNzfY7KyPBcn_1vZ8SHkJklMm6t-5bQZhAn6YWDZQzWNuoBtE6UA/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/AVvXsEizLsMwYiA3ngeBDHNZB3vbSVJADRJ8mvuM47HHMBSxSgp8wBmBhPwEMmi6A3q2qdr5fHTQd85U4225_sUGtovrxDtBt2obH3BpHUNLbFnMnHxPPD6U7M1CGI_9iL4VzOX5Uw7WlhFIPR1g/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/AVvXsEjElihDjlT8j0eKUUnZ7aCWqG_-LFoGKfvzU6X6S9OPC-0Xrj7OYV8jBCruXqSx6V3PMAVxdP14ah9gpy6CVodtwFS2TwQp8uG2DPOzLBJq7wWREGabpQoVHQ_kV_rQgvn1dSHJZrO1bYpx/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/AVvXsEjf9XMTqYfuL81iK3Lpm2Iw3fuRSXZPiPol4_4d2V95XCg590AKgSrY34OTLFBwC-Akcq45_38ngDBMHF7IRKjVPwZkoQvqDdJo4UlvZLSqV8wd5wGtWp6BsVwYzoqTpEu2-4UBthAH3lLT/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/AVvXsEgFzhVlpOBA0P2Yw6fPgHPMx23J0EPOPQZW1gQvGzxNMvY1lfVBajq0e3fcymSHR1LAXEiwLCnKB5jMXXUD1002ShfRxUKSDF2nnoLn4xqT3le3CwDHf506VtVCdQRvlRifPaqg8JvSA-28/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/AVvXsEgp4ZVf3jK-WiEojNrsvENWkqUe4jVGzlks4JKDM-fxDtpVV6LJqOInJrSp7kwUm15b2Umq-hcGKy391bHOkHU0CaRbKlE4e_v2PmE7O1FGTofxGa_3zj3YBoqXCB5ZkuJorj00rXOjqiOD/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/AVvXsEhEsR31LLjhhP-G3pG08_ad7jnBP6GoiZ1hLR7slolXyb-bkqNJFqOKNCGMyTf4K6fRg4Pvfvpb3d-p_ti_fyMgR4lax5jLY_dvpZfDI5A5KqoxnGEJWnsm_SEaAyV5_TC8OYTJRyEUapkp/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/AVvXsEgUAJ0yez-xlTypRtQm0AIuyxbKMl_r0iC0SkuhW0E55cWU4ptj3Uw6d-vZ0NPFzzKpJm-ibElhAGnaGSL2P1cuuAsZownRq5931FQ4MlUICj3JOWoV0FWwPFnyKKB8fIwCfFJeBOrNYG_k/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/AVvXsEgANyrA2ht-lXgx3C4WFwZCBHEr8gnaLQbSmd_wPcaTxWIeitZKPxaikUOOsHYQVyiQPHrYklBrQVCTzPFsB7qLQznG6VJZA-93kagfJPDnpQzAQSWhw0WM_hskMC_aoJc1fDXsYzJ6SJH3/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/AVvXsEhXHo1w_XM0dXUJwcVq1iFAJwpsVSeyJRNs-5gyaE_nfKb409yYYl-FpzUmIDCYw01jTBrt0L1zosVLt90U_kik9GtyoKOs3PlZzjpOamL_j6BPLtziyY7bDGk1FCX38vKKhPiyxYjcR9rM/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/AVvXsEjSfklvydTzATud1wW1z0j2-Nno-D9JVAlC76CoOelcksWlhaNM4OcjUawUj6LSaplf10yNfMoaTPy-AiTTIR6ZW4tgnIi_SEtqWc9AkZWCd-2rDd0p823W8tPHPO_xgcvZIfeMD8Ax2cz2/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/AVvXsEgTEK3itQ6OlJTmYI2tlLDFZm5HlCOsf-HnSmNDaJ5TmzAyrSN0qs2ifZKn1duVJBMjyvGWzRyn2-Y_R13ax-b3Bp1xCQT9335NkO11-rs051rMwTkzpEIgseXHYnAIuGKVTQQxKcK_msUY/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/AVvXsEjUkJRRFGwbDtUjkoRzo1Cmtcq90RKRZDhi1F1miQ3TPZ1rl7GEPf7t9WFaeKFOPN4RiGiUS1lCK9QnM8w_xGUAUrgiLNzfY7KyPBcn_1vZ8SHkJklMm6t-5bQZhAn6YWDZQzWNuoBtE6UA/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/AVvXsEizLsMwYiA3ngeBDHNZB3vbSVJADRJ8mvuM47HHMBSxSgp8wBmBhPwEMmi6A3q2qdr5fHTQd85U4225_sUGtovrxDtBt2obH3BpHUNLbFnMnHxPPD6U7M1CGI_9iL4VzOX5Uw7WlhFIPR1g/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/AVvXsEjElihDjlT8j0eKUUnZ7aCWqG_-LFoGKfvzU6X6S9OPC-0Xrj7OYV8jBCruXqSx6V3PMAVxdP14ah9gpy6CVodtwFS2TwQp8uG2DPOzLBJq7wWREGabpQoVHQ_kV_rQgvn1dSHJZrO1bYpx/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/AVvXsEjf9XMTqYfuL81iK3Lpm2Iw3fuRSXZPiPol4_4d2V95XCg590AKgSrY34OTLFBwC-Akcq45_38ngDBMHF7IRKjVPwZkoQvqDdJo4UlvZLSqV8wd5wGtWp6BsVwYzoqTpEu2-4UBthAH3lLT/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/AVvXsEgFzhVlpOBA0P2Yw6fPgHPMx23J0EPOPQZW1gQvGzxNMvY1lfVBajq0e3fcymSHR1LAXEiwLCnKB5jMXXUD1002ShfRxUKSDF2nnoLn4xqT3le3CwDHf506VtVCdQRvlRifPaqg8JvSA-28/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/AVvXsEgp4ZVf3jK-WiEojNrsvENWkqUe4jVGzlks4JKDM-fxDtpVV6LJqOInJrSp7kwUm15b2Umq-hcGKy391bHOkHU0CaRbKlE4e_v2PmE7O1FGTofxGa_3zj3YBoqXCB5ZkuJorj00rXOjqiOD/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/AVvXsEhEsR31LLjhhP-G3pG08_ad7jnBP6GoiZ1hLR7slolXyb-bkqNJFqOKNCGMyTf4K6fRg4Pvfvpb3d-p_ti_fyMgR4lax5jLY_dvpZfDI5A5KqoxnGEJWnsm_SEaAyV5_TC8OYTJRyEUapkp/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/AVvXsEgUAJ0yez-xlTypRtQm0AIuyxbKMl_r0iC0SkuhW0E55cWU4ptj3Uw6d-vZ0NPFzzKpJm-ibElhAGnaGSL2P1cuuAsZownRq5931FQ4MlUICj3JOWoV0FWwPFnyKKB8fIwCfFJeBOrNYG_k/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/AVvXsEgANyrA2ht-lXgx3C4WFwZCBHEr8gnaLQbSmd_wPcaTxWIeitZKPxaikUOOsHYQVyiQPHrYklBrQVCTzPFsB7qLQznG6VJZA-93kagfJPDnpQzAQSWhw0WM_hskMC_aoJc1fDXsYzJ6SJH3/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. tambah gadget pilih 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.

Link Asal: http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html
Edit By Me