Pasang Translate di Blog

Herman Shofyan

Pasang Translate di Blog

Kali ini aku akan posting cara pasang Google translate di blog. Widget asli dari google tampilanya tidak semenarik widget ini ... Widget Google translate kali ini hasil kreasi sang master Blogger kita yaitu Kang Rohman... Widget yang akan terpasang dalam bentuk bendera2 yang sangat menarik dan jika mouse anda arahkan ke gambar-gambar bendera yang ada akan terlihat sedikit efek blur sebagai pemanis.

langkah2 untuk membuatnya adalah :


1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script Berikut:

=>> Translate Dengan Icon Bendera Diam

Kode :

<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

</style>

<div>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxAF78asY_jkUFh77Ow5GjvZawwzJ87xeli-Q9VTQn7IZ7KxuRqKhpc2VxsrlvoOZxKjFq_j-L2AdWlDNLUd5fMQRhz3e2SYcBnmOmUtdnD7VMWfPvObPOIjlz_Ejod4mwwOci8Q-4pxE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjblyDKg_AXJMAfBL8_De6xZlyZGXouvF7T-ReheAHRyZPa7F_7JgELOARr_WeVK4lyje3FnqoYuOgA7XZWNhSYN9NPHdbXpSB1dPeOahF4YvDAnR0V-u_156a3XQR0aobAov2PITmYpTI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQgK3aNQ7b2K1EDzBAwsASigaeXdjAWjXKbg2IyGWEEuGX24kHUeO1_03yz20SaHzuC43zUwoPXbW-dAgQLYfA-jUwSgKLgUrofloWmbCQgjPaFYMUFB2QdVTXCZCNLEZJJKqzb1xo_wX0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG00XKLJw9XBfV_VkYyjQjMD-xPNo_hcdLEgjl72eREKDPgLET2Timz3BavBQzS0-iJeDKogJTZNld7yjf8egQEyhr5bZBO5w8rDJiX_kdMXTwc2rWf2vjxkMqWaNx_zF_3DvIrW5bnGBJ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjot-avXOG1CYpomNip0QOxwP6wqxGFVMi418AF0-lZmXTrZxN3D2qacZ-wMf-QXSjIVtxAd480pBUcZzH5SeVR2qrSWyuQz6w7sL5BigI6wFUQRbEpm8VDgS18GDMgn4VwDEeTryYQ6w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikrsUMgP483CPLSpeXgxIz5kFks59-OG7KlY_SB4IspWwL8ljM69DMT4pU3iNwYXs3i28-lTH_9mqk2Zf9R1sa46Y8SrSMrIBF-NUBu46aSPxY8YjULN_tYPrMzXS65Aaqxc8RUS1yRwE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV2BQjpFU1j-WhzdV8aIGgvgSX1_Nsx-3AaZ-MuqySQnqOkFJFu3rdXFdeb7x3Q2j7US1LO5HjCWwrC35-3BuMCuoTL3MonpQDnHgc2sD3nEJpk3qvIf56MWMVYpW-yF3mEKkWGNh1dS8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuQVrOakhUUOdQduoODFCPqBYMS1KI4Hf5zDgQ6s_jQ20k7GtJaAP0qHN1cKCztm3aktzruGaGU7gDkSK68ctdY8q0TwA0I7CJLWamIC_NpvGJYuhH2_t7e_v7w5CgRQPHNFqzohskqi4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapgLHZ3BLh2TtQr8wfeXJkNPaIeNRq15Jgg-v105j1FEetAFM4Ms9Qql0Iu5xzRRhhndNT3vNpClBnyjSDfGEC1C8Xrg2ZeCp-oVdYC5eTrexJ8EQRLR5w1Kr61wljRezp2FuMxFDjcjZ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5jLgTAtHRvKKDRLxeBmlPO18Eqa9TE0C8DZ4C6dDoWSk0u_Q0OfS6j3KgzyKiXaAGV6nmZ0rJCqTCySO4qWfZQpzlpYtcdC3LhBnnFV8kjZF7ehiS7Zd4rk2omYK-g8jn4vQBIjyZxP4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowvZZ4hWS5GA0ERfdnjYcZ-dJOSv_t2X3enZSm972SyBUecQ9gUJ4Y5FZxHptHpdjXdEELelnkDBt-hzm3nTUe-qh_is4HONAI5BPWDIymMJwHXfrNDFuCl21ONdfoYcyJrk2yxkl-k0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMxWLapbNWAUxwwvhmcsbsiMXiUbz6sc5ZrLCAeZIFDuoSET0q3TlCOf3BWDoOs2N6aPOLESFshg8n4WILj8tittQGjSzM2J-jk96hlapAbGy4HZHyqnWSqUvtNkSbj7X1i0DL4rLWhi4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">

by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

=>> Translate Dengan Icon Bendera Berkibar-Kibar

Kode :

<strong>Google Translator</strong></center>
<br/>
<center><style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

</style>

<div>

<a class="google_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="32" src="http://www.imgxc.com/fullimage/KY7D1n.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/2Y3lE4.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/KrkmpU.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/mR1eCd.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/jh4b6W.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/j39cTF.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/YZQC7m.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" 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="Portuguese" height="32" src="http://www.imgxc.com/fullimage/SPfMe5.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/N0YtD4.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/XMT16l.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>

<a class="google_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="32" src="http://www.imgxc.com/fullimage/HhmBT2.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
<a class="google_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="32" src="http://www.imgxc.com/fullimage/FiXTmM.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">

</div>

4. Klik tombol Simpan dan lihat hasilnya ... Contohnya adalah blog saya ini