Memasang Widget Translate Dengan Sentuhan Jquery
Trisatya Blog.Memasang widget translate dengan sentuhan jquery keren ini agar web/blog kita menjadi lebih menarik dan atraktif tentunya menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik ,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?..
bagi yang tertarik langsng saja ikuti instruksi atau juga bisa copy code pilihan widget berikut :
1.widget dari : gtranslate.net
klik link di atas dan ikuti istruksinya : pilih platform blog>>get it>>free>>setting dan copy code yang tampil
2.widget tambahan copy paste script di bawah 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/AVvXsEj-HJJEghD5OUgwCeIj05NgnaDmbrYitsfSkDsjkpZeE0g_wdaZyYlSFWWHHFdlgoY1Xh53ClMaPMRQLu0pAPBdLgHZC4ytLdTWMj09srpsFkDl5KyNDgZBaLKBuM026SWV0a-fXj5f7Cnx/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/AVvXsEhcXosPrQsS_a4xWmNIaZz6olWVDAWxHM2kN4Ypxu01HRNuKxB-_Mu_SgQbvPN2JHxism1gqT3VFeX5LhtMl5zfDbhYrHYeOIApIqvagVF26VX2kkLHFP3WC990LaXHq_FI6NZOxf7gKG56/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/AVvXsEithKiBpBd47tx0PrpoU33ESPtyOIVXACIRQdzprD0FupytWMX7ZPLg3uUiomni0RtdaZ0JoP5qprOhD8jK4ewACD0YREiAq1LNKhPgoQq2HiMaDwoe6IGGb9tFGNhBy9XayMWaqZb3npMH/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/AVvXsEgVBz3x91846PE9JAKJmVIXTRWpU_6I1x9zTJTEn0azZpfJO788K2FE_PCe1NRD95f5ULYq5CdmPMZVHtleBPgZqQ_Pramlu1MPDbDRSh-MSxWgGFIesMSDhyphenhyphenHuehg81Lhr0tFB5qxekKH8/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/AVvXsEguxv1vxRJFacsWUa3LCFIZm9oIywscIZ_oXdQtiUtkpCOO4kdGtQlCPLy02_KZFxAkQOwyauPvy-QBS6ECOlBvWKYpB0U-z5quXCgpgMqkJFPQgXAB2d8tPYdK8CdUqr6RXMhgOVRxqDi_/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/AVvXsEiBCR9jRcLN5mhHGztZukbkQeg2lVPcaBILrxmJBfqEgCIN-zGD2LKr-SxVLcEZm_8gqqUUTu4PbRmv2kICjGe8QKf-hypaJVDDZSeOgJVId25iERqnQ7j7j8LxA_ijK2vDLcdc8nZF0Q6Y/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/AVvXsEjcUBi9uoiVkTuFzRg4mDokZasOBYpemjsR1bcA5ML5dZtAQB5t219VO5G9mCadUy7xEFKoPNBds8477PffScSSArCjsvGHuO4ssLAFiK6gjr7KpWqiBo3Z9iX_7akVU6qWCr41P3MFsA2i/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/AVvXsEhbgPD2i6E0R9EwRQDdOhSHv_Fpqb2SlKvaG_lUGbrAz-8DY4-pw7jY00EYZqWfbQxTiAUFLCEZ0KijNUaExIq02p51fYDGt5dRSrUNaEYscfWvzPal0G5kV25nf-ZtwfZYT_7oi0zi_FuF/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/AVvXsEhUpVtAh6JemcctETF1_TRXl8vTqpXTaoAUaJqN5mTeNmmrVDBRDS10MPTnOCv7Oh-ww0XSkB5L-e5uZWCx0CfGvQjLJg-xxuwoXRKgv2ellGnaJZy4Nr_9V7-GrcLplWU4oUyoHNMUCnUo/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/AVvXsEjDyoVMdARrjg3bve-_FpMiU8DtsNfIZwhKOQhK-8H2o_1wfIJ7YcrDJ0RYRhGVR0roqATSdv-qJNOjUPc7us27im_YPanFSbkd6L5i3AdtM8wJzdhwn5Llnk0W96XV63V-owP7VYjMRWVi/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/AVvXsEiY1csgx0pJTxfSU4q9cC_VgqoeQ7UinhDtCMQt_tXL2nQPKhmI1nGjMTLOfRb3eY5BDtGR5fEQnvJxPh-0WHAFJYMYQ2TCNeeTY9ZAMfpLx2qGKZcjBwzr2911e_aP1jBmwhVq3mXVc0tO/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/AVvXsEhvSgD1DOALg2406CyYJTeIMeQQ-VZaofrXKriYb5JvWWfJaHomEJN8xprLz19hnNv80F6vZGEh1AzPNhpt4yiduM4vd5oISKG9WyCYWBxUdcmrB12e9_suTs5H28Y_Ut2W7MvW-dAFHXUg/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:
<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/AVvXsEj-HJJEghD5OUgwCeIj05NgnaDmbrYitsfSkDsjkpZeE0g_wdaZyYlSFWWHHFdlgoY1Xh53ClMaPMRQLu0pAPBdLgHZC4ytLdTWMj09srpsFkDl5KyNDgZBaLKBuM026SWV0a-fXj5f7Cnx/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/AVvXsEhcXosPrQsS_a4xWmNIaZz6olWVDAWxHM2kN4Ypxu01HRNuKxB-_Mu_SgQbvPN2JHxism1gqT3VFeX5LhtMl5zfDbhYrHYeOIApIqvagVF26VX2kkLHFP3WC990LaXHq_FI6NZOxf7gKG56/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/AVvXsEithKiBpBd47tx0PrpoU33ESPtyOIVXACIRQdzprD0FupytWMX7ZPLg3uUiomni0RtdaZ0JoP5qprOhD8jK4ewACD0YREiAq1LNKhPgoQq2HiMaDwoe6IGGb9tFGNhBy9XayMWaqZb3npMH/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/AVvXsEgVBz3x91846PE9JAKJmVIXTRWpU_6I1x9zTJTEn0azZpfJO788K2FE_PCe1NRD95f5ULYq5CdmPMZVHtleBPgZqQ_Pramlu1MPDbDRSh-MSxWgGFIesMSDhyphenhyphenHuehg81Lhr0tFB5qxekKH8/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/AVvXsEguxv1vxRJFacsWUa3LCFIZm9oIywscIZ_oXdQtiUtkpCOO4kdGtQlCPLy02_KZFxAkQOwyauPvy-QBS6ECOlBvWKYpB0U-z5quXCgpgMqkJFPQgXAB2d8tPYdK8CdUqr6RXMhgOVRxqDi_/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/AVvXsEiBCR9jRcLN5mhHGztZukbkQeg2lVPcaBILrxmJBfqEgCIN-zGD2LKr-SxVLcEZm_8gqqUUTu4PbRmv2kICjGe8QKf-hypaJVDDZSeOgJVId25iERqnQ7j7j8LxA_ijK2vDLcdc8nZF0Q6Y/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/AVvXsEjcUBi9uoiVkTuFzRg4mDokZasOBYpemjsR1bcA5ML5dZtAQB5t219VO5G9mCadUy7xEFKoPNBds8477PffScSSArCjsvGHuO4ssLAFiK6gjr7KpWqiBo3Z9iX_7akVU6qWCr41P3MFsA2i/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/AVvXsEhbgPD2i6E0R9EwRQDdOhSHv_Fpqb2SlKvaG_lUGbrAz-8DY4-pw7jY00EYZqWfbQxTiAUFLCEZ0KijNUaExIq02p51fYDGt5dRSrUNaEYscfWvzPal0G5kV25nf-ZtwfZYT_7oi0zi_FuF/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/AVvXsEhUpVtAh6JemcctETF1_TRXl8vTqpXTaoAUaJqN5mTeNmmrVDBRDS10MPTnOCv7Oh-ww0XSkB5L-e5uZWCx0CfGvQjLJg-xxuwoXRKgv2ellGnaJZy4Nr_9V7-GrcLplWU4oUyoHNMUCnUo/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/AVvXsEjDyoVMdARrjg3bve-_FpMiU8DtsNfIZwhKOQhK-8H2o_1wfIJ7YcrDJ0RYRhGVR0roqATSdv-qJNOjUPc7us27im_YPanFSbkd6L5i3AdtM8wJzdhwn5Llnk0W96XV63V-owP7VYjMRWVi/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/AVvXsEiY1csgx0pJTxfSU4q9cC_VgqoeQ7UinhDtCMQt_tXL2nQPKhmI1nGjMTLOfRb3eY5BDtGR5fEQnvJxPh-0WHAFJYMYQ2TCNeeTY9ZAMfpLx2qGKZcjBwzr2911e_aP1jBmwhVq3mXVc0tO/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/AVvXsEhvSgD1DOALg2406CyYJTeIMeQQ-VZaofrXKriYb5JvWWfJaHomEJN8xprLz19hnNv80F6vZGEh1AzPNhpt4yiduM4vd5oISKG9WyCYWBxUdcmrB12e9_suTs5H28Y_Ut2W7MvW-dAFHXUg/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>
Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.
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.ARTIKEL LAINNYA :SECURITY======================================TRIK WINDOWS============================DESIGN========================================INTERNET==================================EARN $==================================
Minggu, 15 Juli 2012
Pasang Widget Translate Blog Paling Keren
Langganan:
Posting Komentar (Atom)
Entri Populer
-
CARA KONFIGURASI PROXY SERVER DI DEBIAN – Untuk kali ini kami akan membahas cara konfigurasi Proxy server di debian dengan mode “TRANSPAR...
-
Kumpulan Soal UKK Matematika SD/MI Semester 2 Genap Kumpulan Soal UKK Matematika SD/MI Semester 2 Genap - Menjelang akhir tahun p...
-
Dalam Komputer kita sudah sangat tidak asing dengan salah satu bagian komputer ini yaitu Memory. Yang sebagai media penyimpan dan kompone...
-
Tugas Jaringan Komputer : Makalah Dengan Judul Resume Media Transmisi DAFTAR ISI Halaman KATA PENGANTAR................................
-
· Carilah brosur di kantor pemasaran perumahan sekitar daerah anda ( wilayah yang diperbolehkan : § Mojokerto...
-
Tugas Presentasi Materi kuliah : Sistem Informasi Bisnis Contoh Penerapan ERP dalam Sistem Informasi Sekolah Trisatya Blog .ERP (Enterpr...
-
CARA NEMBAK WIFI JARAK JAUH Di sini saya akan berbagi pengalaman cara untuk mengakses internet hotspot jarak jauh. Biasanya fasilit...
-
Kumpulan Soal UKK SKI SD/MI Semester 2 (Genap) Kumpulan Soal UKK SKI SD/MI Semester 2 (Genap) - Sejarah Kebudayaan Islam merupaka...
-
Kumpulan Soal UKK Penjaskes SD/MI Semester 2 Genap Kumpulan Soal UKK Penjaskes SD/MI Semester 2 Genap - Pendidikan Jasmani dan Ke...
-
RT RW Net apa sih, sebenarnya Istilah RT/RW-net pertama kali digunakan sekitar tahun 1996-an oleh para mahasiswa di Universitas Muha...
Tidak ada komentar:
Posting Komentar