Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan
bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka
pengunjung yang berasal dari negara lain juga bisa menikmati konten
diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk
belajar bahasa asing lho. Menarikkan?
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.
Contohnya seperti ini yang dibuat oleh mad tomatoe
dan ini yang dibuat oleh kang rohman
Oleh
sebab itu, pada postingan ini saya ingin membahas kembali dengan
menyajikan widget buatan saya sendiri. Seperti yang dibawah ini
Widget
ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin
dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas.
Semoga tidak terlalu mengecewakan.
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/AVvXsEjzscb49qDOzAGDoegqLKFlA9mYxycnO-XP9xXkfdve-Ybwnxq7kVOSYtdNNo2yfQZfcQcaBbUshpMuqA_eDDsIZOWWzFUdICbYKQeY84wssSu6ZmqBNW3K2hh3_MX41c2yJxxM7uKdy7q2/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/AVvXsEgYC_HFFfGl8URH77NAZ3VuFtBUdYYwgjuHwSbg9IImKdV_O-IDkWW88Cr-g1w87LLG2OgKhlWeP_PqX7czn7s8oyUI2wN2vNkltHmP5-ztuyc3T5-rpLpIVqewTn7_C-h68w8tstXZjLDW/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/AVvXsEipfJiNOLfEi0IgAqBOY13mcy5JK4FJdsU5VZacWNN5ttY_G11DPmeaA6NX6E4N57jwBg32cCjpHU4D7Fr-v1Wz50w5W4ZQWBLoJnZg0iIdbrelmaj3ubtv-j4kgqprcNE9ufc4hQ2cAvrf/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/AVvXsEh05Ko9HMI-0k5UIJsksawCoRt6eW8Yn9n1JEyobkJZq7xMX5oTbim0AEzWIq-me21NJvKBzxlOfDam0jNOiFtjoBz_8yppjFk8-0GI_CY-AsIXn0VymYmA8QVi1Lpcmwk7SYUXlZ1U3w3Y/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/AVvXsEi1GBFMh_uIdrBvGnk4BQ7D9iAjPkqfeWw4_XchmtD1PQqrzBa1xWWTb5wGj0EtrlOx1Fa4PxLcAebfJBO84ygl-G_IUgxlz8Ko7Mns9S7zAggN3MrT5sFJ8b15b-K1PUDoVbsyZaf02IIL/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/AVvXsEh_OzPLcQjrPgYcuDD1Et8YrEiwfEbuLpen6f3_l2C6-1sEPmI824H3LC7GP6NZBHMtSvQPm-Rhe6HBGtX2ZKrLvNgvRRNTn1N7b_2oMKmv1wmRFn9L5aIAnabAjC2EBjGrrYMWg9IgAXBP/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/AVvXsEiuMH8okGPxVqDs8C_-gdBikkviPNW63VoFRAx57Rx9V-ffOYqPEA6Kdzdt5Xg1kyl1nPzeTTDrEH2KSFNol4hzsEMUl-Sd1PFc26IkudpaXwav70vU_OrjUIp5K4dCUOp6l3c1F2xwL0sn/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/AVvXsEhhrnnN_L-b5nhLI-NoCkbwekImn0W4BbcnXxOf74xHza9T5X-1JvqwKL2E4V7Z2PSXVUL5bGcGsEapcfiixFAB4hNRQG9ObWCjLrAOaWBFrOv36xf5SeOdLWpxMRI_KIELyeiNivgxCym2/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/AVvXsEjp48MNAok-MS4eaLPsTZGfvKaAe8pxkdDScNdlKrzIcocN1RDVL5-rjK0W_BHlMS67heQLHm3An1zMZOrTcMyC82AsHelHa2W_p4FteeiEoDppAZCbCkg89MmouXfnZxWRVBs7yNhDU8fq/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/AVvXsEixrtS7a_tDz94yLOQLm41KeAtTmxgVMKAmLBs0HedXYKCsBTuvyCSNFltlPzsqlb01tFetWrtfwMi5N9KLctYNBp_ONVZpnLwWgs1fa09isM74BDx-zivZ_rrHSZTg3SmC2ggf7z-HqVpP/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/AVvXsEiouSW4swdkf-0JZhfhLTEjL3xVKdZuDFPWc9Al8EUVfqTWwmQSOyxeSbBraIuZWW4WZ2sdCx2BFtaYqlXteAvdmgmvz4O3_4yTePMdqQvtP4M_3VDXIgpi-fGxfLdm21v5zsIHA9WRAN_P/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/AVvXsEg0080wMBOE9qcxPFdCBRXDu7wNh-ipejLQAJJ6M_oUAYbIChO6PA0ht8L9DSpmbqLntLq1fazJUEWulk7iwaXcBcoGnxfxpXT45SXMD1Ex-meOt5x0HuJWPXxkjvb4sYn3az_Zc5qtDbvU/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://agungsuman3.blogspot.com/2012/11/memasang-widget-google-translate-pada.html"
target="_blank">Translate Widget</a> by Google
</div></div>
<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/AVvXsEjzscb49qDOzAGDoegqLKFlA9mYxycnO-XP9xXkfdve-Ybwnxq7kVOSYtdNNo2yfQZfcQcaBbUshpMuqA_eDDsIZOWWzFUdICbYKQeY84wssSu6ZmqBNW3K2hh3_MX41c2yJxxM7uKdy7q2/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/AVvXsEgYC_HFFfGl8URH77NAZ3VuFtBUdYYwgjuHwSbg9IImKdV_O-IDkWW88Cr-g1w87LLG2OgKhlWeP_PqX7czn7s8oyUI2wN2vNkltHmP5-ztuyc3T5-rpLpIVqewTn7_C-h68w8tstXZjLDW/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/AVvXsEipfJiNOLfEi0IgAqBOY13mcy5JK4FJdsU5VZacWNN5ttY_G11DPmeaA6NX6E4N57jwBg32cCjpHU4D7Fr-v1Wz50w5W4ZQWBLoJnZg0iIdbrelmaj3ubtv-j4kgqprcNE9ufc4hQ2cAvrf/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/AVvXsEh05Ko9HMI-0k5UIJsksawCoRt6eW8Yn9n1JEyobkJZq7xMX5oTbim0AEzWIq-me21NJvKBzxlOfDam0jNOiFtjoBz_8yppjFk8-0GI_CY-AsIXn0VymYmA8QVi1Lpcmwk7SYUXlZ1U3w3Y/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/AVvXsEi1GBFMh_uIdrBvGnk4BQ7D9iAjPkqfeWw4_XchmtD1PQqrzBa1xWWTb5wGj0EtrlOx1Fa4PxLcAebfJBO84ygl-G_IUgxlz8Ko7Mns9S7zAggN3MrT5sFJ8b15b-K1PUDoVbsyZaf02IIL/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/AVvXsEh_OzPLcQjrPgYcuDD1Et8YrEiwfEbuLpen6f3_l2C6-1sEPmI824H3LC7GP6NZBHMtSvQPm-Rhe6HBGtX2ZKrLvNgvRRNTn1N7b_2oMKmv1wmRFn9L5aIAnabAjC2EBjGrrYMWg9IgAXBP/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/AVvXsEiuMH8okGPxVqDs8C_-gdBikkviPNW63VoFRAx57Rx9V-ffOYqPEA6Kdzdt5Xg1kyl1nPzeTTDrEH2KSFNol4hzsEMUl-Sd1PFc26IkudpaXwav70vU_OrjUIp5K4dCUOp6l3c1F2xwL0sn/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/AVvXsEhhrnnN_L-b5nhLI-NoCkbwekImn0W4BbcnXxOf74xHza9T5X-1JvqwKL2E4V7Z2PSXVUL5bGcGsEapcfiixFAB4hNRQG9ObWCjLrAOaWBFrOv36xf5SeOdLWpxMRI_KIELyeiNivgxCym2/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/AVvXsEjp48MNAok-MS4eaLPsTZGfvKaAe8pxkdDScNdlKrzIcocN1RDVL5-rjK0W_BHlMS67heQLHm3An1zMZOrTcMyC82AsHelHa2W_p4FteeiEoDppAZCbCkg89MmouXfnZxWRVBs7yNhDU8fq/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/AVvXsEixrtS7a_tDz94yLOQLm41KeAtTmxgVMKAmLBs0HedXYKCsBTuvyCSNFltlPzsqlb01tFetWrtfwMi5N9KLctYNBp_ONVZpnLwWgs1fa09isM74BDx-zivZ_rrHSZTg3SmC2ggf7z-HqVpP/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/AVvXsEiouSW4swdkf-0JZhfhLTEjL3xVKdZuDFPWc9Al8EUVfqTWwmQSOyxeSbBraIuZWW4WZ2sdCx2BFtaYqlXteAvdmgmvz4O3_4yTePMdqQvtP4M_3VDXIgpi-fGxfLdm21v5zsIHA9WRAN_P/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/AVvXsEg0080wMBOE9qcxPFdCBRXDu7wNh-ipejLQAJJ6M_oUAYbIChO6PA0ht8L9DSpmbqLntLq1fazJUEWulk7iwaXcBcoGnxfxpXT45SXMD1Ex-meOt5x0HuJWPXxkjvb4sYn3az_Zc5qtDbvU/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://agungsuman3.blogspot.com/2012/11/memasang-widget-google-translate-pada.htmll"
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.
Cara membuat 
