Cara Membuat Widget Translate Google Pada Blog

Oleh Rafid Aslam

7 Januari 2012

Nah Pada kesempatan kali ini saya akan memposting tentang Cara Membuat Widget Translate Google Pada Blog Widget ini fungsinya untuk Meng-artikan Bahasa Asing Kebahasa Lokal Misalnya Ada Pengunjung Luar Negri Di Blog anda dan Dia pasti akan Mengklik Bendera Negaranya, Ini bisa untuk blogger karena blogger adalah produk keluaran google memang google Sudah canggih Sudah ada mesin penelusuran sudah ada fitur Untuk membuat Blog abis itu ada Google plus memang Google sudah canggih dari dulu ya
Sudah dulu ya memujinya langsung saja ini di Caranya:

1. Masuk Ke Dasbor 
2. Pilih Tata letak 
3. Klik tambahkan widget baru 
4. Pilih HTML/Java Script
5. Copy Kode Dibawah ini dan paste-kan di kotak Html

Ada 2 Pilihan tampilan Translate Google Silahkan pilih yang anda suka

1.Untuk Translate Google 2 Baris Gunakanlah 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/AVvXsEhDSZm8h3G9pcGu_Wb_yCKK2Wz88G4oPCVJT8C82R81El-gqVFtBEw-IzbjbSqf4HVKsjR9QAk1vfsq2Q-o_5V69S1XPa4jc9WK-JYAI3OTxbnk3t8D8oojYY3P36Qfziu788UKv-lTlYNA/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/AVvXsEjJhULZDonK6HYuM9BvCht7BlETvNcgH1iuHV9-7PM7x4RSRI7pLaYhnOiHfBzV3tYS7g7vnKFTZmoptS-rgMKtPsbnV-ovTuCwTn3EQkXGyRg4F0GeyLI0EiOxPY2Q-bT0Fs9VcB6J5IuM/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/AVvXsEiy4UGY2GdFzOR4hp3FJvSdAr3kRG2elaDI6zjVdYrFJQIb9JGhMq8x690ajk8NuxufEX5Iw5-zUOz4STKrCLIGYIzy8TOkdLVS3ar_fYo21ShI_QiOun8NkQz5UZ6pCcwMhKes1eNipY2N/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/AVvXsEjXAvYN9vv1YxmpWfx_FJ1kCVIGmYh-FC-AZZOwQ397_Lwpz8oUd4bRR77xVOLaK0Tv3dUvmlr0QSEvZYX8k5CsNvhAR9gVjT8cJ6VRsDpZRzKEoMNf9rI8NDbk5G8oQHCBqZ7U6_A061hY/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/AVvXsEgJA7p4kvf-SLc5EvSAdy2Ol6KtdZq5OaRwiXojMyCqOYF4J3f8ieg3joqvIZSCL-SO5pZktJEiPdmv7KKjdXBSJKi_06MjJXRRj7B1T8_xfJEemzWqRyOspcgSMheKTn3ipA3mvnM9LoF5/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/AVvXsEgaOcq4gaoRApYaDfLQpKjBkJfjjA_yApPV492E59eEK16HZlMrU78Gn1ez7Z4iNcPNyIt1W9X6l6vIjp6K19jJFqFrnTbIzv96of4AqI6gKtS8Nh-P3VQ0t4qtWo1CRHKabxYV5r5J1bvQ/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/AVvXsEj5Sc5xthGu7PaS96v7lcO2D-6FXiT-9OdeTObDSmRXcTQNrAsx6NotsaA2gwpz_ddbDsdCGk3KCnYljoFFS6UJZdKRPTEa5YyW8zUTxzCcoygHOKb0q9BIc5wwcZxpromHdZz0PUdOWwcn/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/AVvXsEjcUYeq_MVJozfGmS7DLZHY1TdF_TGzsVqeAlN__n7HtibIDEAI1kayqDol6r4lIwO8CH3Ki3dkTLQJ16aM9oOtaP4lYpg9YuE42WDuiSlvovvGC9Rr0cKcbfO9PuOmAlOntz8Gfgiq4DoB/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/AVvXsEgzfWxiagwtAL3tAhe1jBHjd_lu2Awln0UbiPC5LcF75KI4M9N6_gL7lhZzEK339wnDs7Md0EPsuELNjAdZK0AKkIU9amx1tUSRrsg94Z3D88k_ZQ9CaOKWCh4XIjr5J4WZoH2zJU9PAG9S/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/AVvXsEi1eI4Yd0Okf7d1uEgkVAfTOXsgqAhDZqr4PLzRA7Q6Mn9giI2QU7SPKx3EQHC6vaj3PhakSKp0FudPrlFmS_8veooVogewMqNkjuBDAW8Bsv2w3lJhrtLiF1C6YW4FCPV1Czrd42eoeCr0/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/AVvXsEhAko9DVEc7Egf64715hnLesJfb65E6Lo_Ffbj90bhY-kHVj4wxr4v5j6maPYeVMtcV3ng400xjd8LAy1l-1-djMju9sEFDyP0RallvDBfBjku6I2WenxDKMf9UhQWRe5IIs4HaNiFO3YoY/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/AVvXsEh7UZ0wnWxEtFZk20xz_b176nEtz-MZKYBBEfMH0hZB1aycGDmJRaMKAP8F2tHnOcR_cbw9EEa52y15AVeKKvwioGARLadQNLcScwIL6MO8Iw9MuPAz4z7GAGFiIgZV3loYMGSuBKWaxEII/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://rh-w.blogspot.com/2012/01/cara-membuat-widget-translate-google.html" target="_blank">Ambil Widget</a> ini </div></div>

Untuk Google Translate 3 Baris, Gunakanlah 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/AVvXsEhDSZm8h3G9pcGu_Wb_yCKK2Wz88G4oPCVJT8C82R81El-gqVFtBEw-IzbjbSqf4HVKsjR9QAk1vfsq2Q-o_5V69S1XPa4jc9WK-JYAI3OTxbnk3t8D8oojYY3P36Qfziu788UKv-lTlYNA/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/AVvXsEjJhULZDonK6HYuM9BvCht7BlETvNcgH1iuHV9-7PM7x4RSRI7pLaYhnOiHfBzV3tYS7g7vnKFTZmoptS-rgMKtPsbnV-ovTuCwTn3EQkXGyRg4F0GeyLI0EiOxPY2Q-bT0Fs9VcB6J5IuM/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/AVvXsEiy4UGY2GdFzOR4hp3FJvSdAr3kRG2elaDI6zjVdYrFJQIb9JGhMq8x690ajk8NuxufEX5Iw5-zUOz4STKrCLIGYIzy8TOkdLVS3ar_fYo21ShI_QiOun8NkQz5UZ6pCcwMhKes1eNipY2N/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/AVvXsEjXAvYN9vv1YxmpWfx_FJ1kCVIGmYh-FC-AZZOwQ397_Lwpz8oUd4bRR77xVOLaK0Tv3dUvmlr0QSEvZYX8k5CsNvhAR9gVjT8cJ6VRsDpZRzKEoMNf9rI8NDbk5G8oQHCBqZ7U6_A061hY/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/AVvXsEgJA7p4kvf-SLc5EvSAdy2Ol6KtdZq5OaRwiXojMyCqOYF4J3f8ieg3joqvIZSCL-SO5pZktJEiPdmv7KKjdXBSJKi_06MjJXRRj7B1T8_xfJEemzWqRyOspcgSMheKTn3ipA3mvnM9LoF5/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/AVvXsEgaOcq4gaoRApYaDfLQpKjBkJfjjA_yApPV492E59eEK16HZlMrU78Gn1ez7Z4iNcPNyIt1W9X6l6vIjp6K19jJFqFrnTbIzv96of4AqI6gKtS8Nh-P3VQ0t4qtWo1CRHKabxYV5r5J1bvQ/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/AVvXsEj5Sc5xthGu7PaS96v7lcO2D-6FXiT-9OdeTObDSmRXcTQNrAsx6NotsaA2gwpz_ddbDsdCGk3KCnYljoFFS6UJZdKRPTEa5YyW8zUTxzCcoygHOKb0q9BIc5wwcZxpromHdZz0PUdOWwcn/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/AVvXsEjcUYeq_MVJozfGmS7DLZHY1TdF_TGzsVqeAlN__n7HtibIDEAI1kayqDol6r4lIwO8CH3Ki3dkTLQJ16aM9oOtaP4lYpg9YuE42WDuiSlvovvGC9Rr0cKcbfO9PuOmAlOntz8Gfgiq4DoB/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/AVvXsEgzfWxiagwtAL3tAhe1jBHjd_lu2Awln0UbiPC5LcF75KI4M9N6_gL7lhZzEK339wnDs7Md0EPsuELNjAdZK0AKkIU9amx1tUSRrsg94Z3D88k_ZQ9CaOKWCh4XIjr5J4WZoH2zJU9PAG9S/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/AVvXsEi1eI4Yd0Okf7d1uEgkVAfTOXsgqAhDZqr4PLzRA7Q6Mn9giI2QU7SPKx3EQHC6vaj3PhakSKp0FudPrlFmS_8veooVogewMqNkjuBDAW8Bsv2w3lJhrtLiF1C6YW4FCPV1Czrd42eoeCr0/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/AVvXsEhAko9DVEc7Egf64715hnLesJfb65E6Lo_Ffbj90bhY-kHVj4wxr4v5j6maPYeVMtcV3ng400xjd8LAy1l-1-djMju9sEFDyP0RallvDBfBjku6I2WenxDKMf9UhQWRe5IIs4HaNiFO3YoY/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/AVvXsEh7UZ0wnWxEtFZk20xz_b176nEtz-MZKYBBEfMH0hZB1aycGDmJRaMKAP8F2tHnOcR_cbw9EEa52y15AVeKKvwioGARLadQNLcScwIL6MO8Iw9MuPAz4z7GAGFiIgZV3loYMGSuBKWaxEII/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://rh-w.blogspot.com/2012/01/cara-membuat-widget-translate-google.html" target="_blank">Ambil Widget</a> ini
</div></div>

6.Klik Simpan / Save

                                                    .: Selamat Mencoba :. 

Tag : Tips Blogger

Bagikan :

Tweet