Friday, April 5, 2013

Membuat Google Translate Bendera Berputar Pada Blog

Membuat Google Translate Bendera Berputar Pada Blog

Google menawarkan berbagai macam widget translate yang dapat kita gunakan untuk mempercantik atau menambah elemen pada Blog, salah satunya yaitu Google Translate yang disediakan pada aplikasi Blogger sendiri. Google Translate ada bermacam tampilan yang dapat dipasang pada Blog. Kali ini Salta Irama Blog akan membagi trik cara membuat Google Translate dengan menggunakan bendera berputar pada Blog.

Ikuti langkah dibawah ini:

- Langkah Pertama

1. Seperti biasa sobat harus login akun Blog anda.
2. Pilih Template dan edit HTML.
3. Jangan lupa "Expand Template Widget" untuk menghindari jika terjadi kesalahan.
4. Cari kode </head>.
5. Paste kode berikut tepat di atas kode </head> tersebut.
6. Klik save / simpan template.

- Langkah Ke Dua

1. Masuk ke Rancangan --> Edit Laman.
2. Tambahkan Gadget lalu pilih HTML/Javascript.
3. Masukan kode berikut 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 id="ramon">
<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/AVvXsEjj44SUud7i_0POiPmkRzaUwzSQYBdR3EZlYglXgD4qaH-OJYQmwOngDOiGCH_gGjj0IUcg_681M2xiwvxzghzPdl5rcMs7VtFu-LQ9ZRkC3daO1VwBYkNccYcAgt9AsY76aj0adENJIdCO/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/AVvXsEjaOgr9Jgtk8GB3Jp9OVt0wx0UPMQfkvYXgsC_pLMtaZQJWfADBXaH8M7wTdGjZAfQXaqkce54Dx4rRKjtviQNMF6ZJuluBD-zPzY9gD_BXCZB5mcpu7x_1ngalBFHs24yqMAFqKN8ONbTX/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/AVvXsEjxZYbXBILHKg3rjYO0n36Q0EdPIdKe22F71EfB4zfNfcustlflYN2zrlubTXaxArbczKcJ7jB2c9mEp8rFS5fHanuGCgvnKDcfWIQIxZpYGCbFi0_G1w6JgPEYAePXoKlltv9dL0_tePDi/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/AVvXsEjpzGLTBD0YHw2FXzBf-0P3F2Y53OT2vpjbDMuRsdrkVi0mBdZaWokN_x744-87C4mmBBBRk7s_pM-51xbEcTxZvbdcuZBD5xgUmvB-T6w2PacIUiD18_sqp0PUOMEg8_ev7DUKjaymVc-l/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/AVvXsEhznm8DhUEVypCl-04r7NDMHgNgbMKrmzJd4X4f2I5Fp7TDdx8mz35kEFC_37BYg7EeqahfSYk1Wfv4LURWKbqaYN6JKIlS54-PYiBq0J-5gp8ANXeGo43qOxC2sHgKqJVMMIDVorutpYrz/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/AVvXsEhzBzatB9Qm1PSWguOG4t9qaWg7U3b_fWQVG60Y33Q_EYxKd7ICXdnf4rAacTaexx1RF5e2k_2DF-JjJ9rUd76tPnj8A93KGH2yvTLwT_km3X_GPEWCpvGct5uFntkvKyy3z1XQroauWc8y/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/AVvXsEiV2_7JQI42yHMbrJKqiHgtTjtgFN_hrdOgDXVAXZCuWWZ-AUQ2Sckf1aBDp5O7M7nexf4dl40_vcQr7UCqFihyphenhyphen04-OWUmr_-1J0-1rex6qtJRNRywEvXQUVmEtXvcERRdnkV2CbwK2-hTN/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/AVvXsEhRAXpJ-nsb7IRzOiX5T6GOOSCW2FyvG2R9DOEDEt2KnKtqlz97M5u8nUFXuZ0fXqCPnpte3BNyVScTqx8ilVDkWd-MkZ9BU1MKlTIcU6ViVKnHdLxhsjv-nJMmnABHE_B4qGxIqB9XKu40/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/AVvXsEgl-jY2e5g0jlyYFLXgdFldHLOJznSZElY19TxUiysp8ZKQKbQfr0nUUeCh-xMe0dui1yIjesVH1DA2I6_n9CeaAKwHw4jeDlFLmYUXa3NqDq_kxTleISagG8MKLph9f-9SzzMcewIZI4AI/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/AVvXsEiTMKSoLTKXHw01dx1rriKP9frvXPCTNnsNcW2-jDg5z3mTYvFoX9iIU-D8jRQ509ASC1rYZ7zzXlzBb9NYSoSmpqGU16LTA6u61IzdTqwYuEruo4vPrtc3Z6vVCOtBhJKSsUqoAVnsttui/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/AVvXsEhr4CiC5ycdx_g6Pr58BfjvzsxH0S50oiYn3iqbckCmSe6WXbv2-99ZI_7OKubk8CeOsjZ-I3JNrecELvE911TN6QPrkqlEVUuoR6oCHBRMs0_MQyajZz3_HOZmvQiNN-mQ2cCS-fEUUg-m/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/AVvXsEgHJ2FZdq1TuWyfNmUligHHd-PCOxqPbg9AhnYXYZflILpE_jowPb-51vY6MRea_6wcPDXzGcu189R3e2miE6pT-7wJVY7jjukqbKTnEXYteDNkFeQcnTzwc-wNsJzq1wOWDLRLt35b8odV/s144/china-flag.png"
 style="cursor: pointer;margin-right:8px" 
width="24"/></a></div>
<div style="font-size:50%; text-align:right; text-shadow:2px 2px 2px 
#adadad;">
<a 
href="http://ramonboyzz.blogspot.com/2012/11/cara-membuat-google-translate-bendera.html"
 target="_blank" title="Google Translate">Get This 
Widget</a></div>
</div>

4. Save template anda dan lihat hasil nya.
Semoga bermanfaat!

NB: * Untuk putaran anda bisa ubah nilai kode rotate(1440deg) yang anda letakkan di atas kode </head> pada langkah awal.

" Terima kasih atas kunjungan Anda "