Selasa, 15 Maret 2011

Widget Untuk Translate Bahasa

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?


Contohnya seperti ini yang dibuat oleh mad tomatoe









dan ini yang dibuat oleh kang rohman














Widget  dibuat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan. sengihnampakgigi

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/AVvXsEjAnclwr5eLf_l2ph_CppUYeATibcpVksgiQ2nJV19lHCwdXdACSGcDZ2kmqxh4aU-62K5omzzFWrU7-_l0tM1ORE6NGWQ6mefK9p1EewAvCBn1m-yHjf2Fs9pMSPRBG3GORNIN6dgBonJ6/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/AVvXsEiZC9mcooZBZ-vselzjc2ikI-0f7NFQMIhwKlR00qO_irS-HAewXqPMlWY1GKCzGOdpjDt6q-h0aFRj05_tMPqB0xy1JeTuURpFwjTeEdgoAtAf7fXYX830uUbDsd1-_wOOjYktPUoUOHu-/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/AVvXsEgin0mKs9_pXrD38PaGKpi7uKp3l1p3Vga-DJKgooVQ7sk0hrqWREeqtYOLiciG0Ot3Xj8KCAC2uHpAN1ck1Y55fW2ntybstdYfLwsc5qtE3uqga9h2XXGPEwJd7yU4OP-SIDJuEq-IlXDI/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/AVvXsEiF320FRvQo9U5fKGJcINTA8XfCBp7iS9Sn5_Wj0sRb7NAggT3IFkrCod8P2NenvzE23YMnEfsgCwwcnU3IAaGH8qZUWnOUEynGG6LTeEkk3kAarl40oBl0OEMIJh5rwW1IkodlVT9It9xR/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/AVvXsEjIcIIi0KKU6CJYAQ5O-SRz_srg_hnYJ7THZwnfz5ahwEi3Y9I3JqqvHPZBAOeFkOEuZCVmH_GTbA8l10SDyI86eqOIf3aXdXFlBCbvFwwZs4gPqklbdIIIsiMd2mknNhyphenhyphen0yGs48FeXrgP-/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/AVvXsEg29Rn_td58Fj3335amceQD162N2iufZ5HsHvZVmrbCweEPYvhuH_gb9Om7_RBtS32ia_xi9Cn5ODsLlnXzDSmSjIYvOFM2yo4E_J1EE4INDPIbO5L768j7uEZqsOu2aIjg5Tc5qyWRpmVJ/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/AVvXsEjXFMMWDssyE9uZhqtJbD1iSihAcrGLPLxI05zPI_ayxxXcPUFOKjTziJtCynXXTabYDQ-zlSYdK6s86m3hr7xRdgRVXu6ZK-XUeP5yuOaBsdBEzDeiBZPMIEPfq9TH1v2wxYntJzdeVbLu/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/AVvXsEggbfO-GeD2DKsjduEDNEX5GhZKeuXuXP7Wjq-pE8Gumvr6hYLFgbLo_hyphenhyphenJXRZYzD8-bTS2oPfykyM6PKMEJJFB-pfPOrPlODHs8ewT9qHdDS08sOvCbtifg2bIyVASSV2K7rN6GH7bdiLh/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/AVvXsEj9EFCE8LL0Hnl8uilXXZe6YrgTQQzGyo6YVm10jRxk7IcDhtLXrZN8TDcKNuZjtT3db2HUTvIj7r8EvKTHWy8d5UdhOLbJkHssX2ZZQkhdR0TPMy3FpyH994EIeyZdkXL-VEJOTVW9Dzhs/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/AVvXsEij_7ZN49UL0WdmDT3Z_5AcbJ1f8v2ZXDzSXxgNhfVcHL8QUCmVFPFmh9ciIPPkq-9loaMpKE7UQyvgu3kvzpie3mfAeJOKoVdeXgDs0Z5XpjlwZT_hNMfUtZXk9mBvLNRScCTyqpWTD_8Y/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/AVvXsEhm_u14-eo0Mv1Of10M75haSZ8tw2JQO036FLgoNaDMS-cwugHlDVN0GMyJW7e5EPcsT_7O_m-ju3bgdoH08IrJLIPrKcX5tsEcNDLjBhRdY16v3A3-7Ovy_bu_idcz_ejGAL4f41hv2jZt/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/AVvXsEiU5zSXMZSPMsS6S15H1c2WNETPyyahkuOn4JoY0BNKKnRXwhI6-qPEI1q-fU41gAJN37w7vEk8cUQo4lbgfnn27WVGcklBIWjK-z7ux7_t0lkYDWWi-rmM-Rc-Zi_UJFzjk2ZvN2NbpR16/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:

google translate widget









<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/AVvXsEjAnclwr5eLf_l2ph_CppUYeATibcpVksgiQ2nJV19lHCwdXdACSGcDZ2kmqxh4aU-62K5omzzFWrU7-_l0tM1ORE6NGWQ6mefK9p1EewAvCBn1m-yHjf2Fs9pMSPRBG3GORNIN6dgBonJ6/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/AVvXsEiZC9mcooZBZ-vselzjc2ikI-0f7NFQMIhwKlR00qO_irS-HAewXqPMlWY1GKCzGOdpjDt6q-h0aFRj05_tMPqB0xy1JeTuURpFwjTeEdgoAtAf7fXYX830uUbDsd1-_wOOjYktPUoUOHu-/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/AVvXsEgin0mKs9_pXrD38PaGKpi7uKp3l1p3Vga-DJKgooVQ7sk0hrqWREeqtYOLiciG0Ot3Xj8KCAC2uHpAN1ck1Y55fW2ntybstdYfLwsc5qtE3uqga9h2XXGPEwJd7yU4OP-SIDJuEq-IlXDI/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/AVvXsEiF320FRvQo9U5fKGJcINTA8XfCBp7iS9Sn5_Wj0sRb7NAggT3IFkrCod8P2NenvzE23YMnEfsgCwwcnU3IAaGH8qZUWnOUEynGG6LTeEkk3kAarl40oBl0OEMIJh5rwW1IkodlVT9It9xR/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/AVvXsEjIcIIi0KKU6CJYAQ5O-SRz_srg_hnYJ7THZwnfz5ahwEi3Y9I3JqqvHPZBAOeFkOEuZCVmH_GTbA8l10SDyI86eqOIf3aXdXFlBCbvFwwZs4gPqklbdIIIsiMd2mknNhyphenhyphen0yGs48FeXrgP-/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/AVvXsEg29Rn_td58Fj3335amceQD162N2iufZ5HsHvZVmrbCweEPYvhuH_gb9Om7_RBtS32ia_xi9Cn5ODsLlnXzDSmSjIYvOFM2yo4E_J1EE4INDPIbO5L768j7uEZqsOu2aIjg5Tc5qyWRpmVJ/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/AVvXsEjXFMMWDssyE9uZhqtJbD1iSihAcrGLPLxI05zPI_ayxxXcPUFOKjTziJtCynXXTabYDQ-zlSYdK6s86m3hr7xRdgRVXu6ZK-XUeP5yuOaBsdBEzDeiBZPMIEPfq9TH1v2wxYntJzdeVbLu/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/AVvXsEggbfO-GeD2DKsjduEDNEX5GhZKeuXuXP7Wjq-pE8Gumvr6hYLFgbLo_hyphenhyphenJXRZYzD8-bTS2oPfykyM6PKMEJJFB-pfPOrPlODHs8ewT9qHdDS08sOvCbtifg2bIyVASSV2K7rN6GH7bdiLh/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/AVvXsEj9EFCE8LL0Hnl8uilXXZe6YrgTQQzGyo6YVm10jRxk7IcDhtLXrZN8TDcKNuZjtT3db2HUTvIj7r8EvKTHWy8d5UdhOLbJkHssX2ZZQkhdR0TPMy3FpyH994EIeyZdkXL-VEJOTVW9Dzhs/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/AVvXsEij_7ZN49UL0WdmDT3Z_5AcbJ1f8v2ZXDzSXxgNhfVcHL8QUCmVFPFmh9ciIPPkq-9loaMpKE7UQyvgu3kvzpie3mfAeJOKoVdeXgDs0Z5XpjlwZT_hNMfUtZXk9mBvLNRScCTyqpWTD_8Y/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/AVvXsEhm_u14-eo0Mv1Of10M75haSZ8tw2JQO036FLgoNaDMS-cwugHlDVN0GMyJW7e5EPcsT_7O_m-ju3bgdoH08IrJLIPrKcX5tsEcNDLjBhRdY16v3A3-7Ovy_bu_idcz_ejGAL4f41hv2jZt/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/AVvXsEiU5zSXMZSPMsS6S15H1c2WNETPyyahkuOn4JoY0BNKKnRXwhI6-qPEI1q-fU41gAJN37w7vEk8cUQo4lbgfnn27WVGcklBIWjK-z7ux7_t0lkYDWWi-rmM-Rc-Zi_UJFzjk2ZvN2NbpR16/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. 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.

Selamat mencoba. Semoga bermanfaat.

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Macys Printable Coupons