Cara membuat translate di html

Selamat malam semua, senang sekali malam ini masih ada waktu buat nulis ini blog, pada malam ini saya akan memberikan sedikit informasi yang mungkin bermanfaat bagi sahabat semuanya, khususnya yang sedang berniat untuk mempermak / mempercantik desain blog-nya. Disini ada sedikit secript yang akan saya share kepada anda, script ini saya rasa sangat bermanfaat untuk digunakan dalam membangun sebuah blog yang Seo Friendly, yang dapat memanjakan para pengunjung setia blog sehingga mereka betah berlama-lama berselancar di dalam blog yang kita miliki.

Baca juga: Blogger Pemula Wajib Tahu! Ini Perbedaan Optimasi SEO Onpage dan SEO Offpage Pada Blog

Jika anda berniat untuk mulai serius mengurusi blog, coba pelan-pelan anda berfikir sepertinya apakah ada yang kurang tentang ini blog yang anda miliki ?, pemikiran itu akan muncul ketika mungkin anda berniat akan men-share blog anda kepada teman-teman yang ada di forum luar negeri misalnya Grup facebook dari eropa. Coba kita berfikir, bagaimana mungkin mereka bisa mengerti isi dari blog kita sedangkan semua isi blog kita kebanyakan menggunakan bahasa Indonesia. Saya pun mulai berinisiatif untuk memberikan sebuah "translator" agar mereka bisa menerjemahkan isi blog saya ini ke dalam bahasa inggris dengan mudah dan cepat tanpa harus copy paste ke dalam google tranlate terlebih dahulu.

Cara membuat translate di html


Ternyata memasang gadget Translate dari google di blog itu sangatlah mudah, tidak sampai 1 menit sudah jadi. Tetapi setelah beberapa waktu saya pakai, saya mulai merasakan pada saat saya membuka blog saya terutama jika kecepatan internet agak lemot, wah terasa lama banget loadingnya, saya pun mencoba membuang dulu gadget translate bawaan blogger dan blog saya pun menjadi tidak se-lemot seperti sebelumnya. Setelah mencari informasi sana-sini akhirnya saya menemukan permasalahan yang baru saja saya hadapi, ternyata gadget bawaan blogger itu sangatlah berat dan sangat mempengaruhi sekali kecepatan loading blog pada saat dibuka.

Setelah beberapa waktu berlalu akhirnya saya menemukan info mengenai script translator blog yang ringan, dan tentunya tidak berpengaruh pada kecepatan loading suatu blog, akhirnya saya pakai dan syukurlah semua bisa berjalan lancar. Jika anda ingin memasangnya di blog anda silahkan ikuti caranya dibawah ini.

Baca juga:  Tahapan Membuat Blog Untuk Pemula, Pasti Langsung Bisa

Widget ini dibuat sebagai pengganti aplikasi Google Translate yang berat. Script ini murni dibuat dari kode HTML dan JavaScript, sehingga anda bisa terbebas dari permintaan HTTP yang biasanya datang dari JavaScript bawaan widget Google Translate. Di sini JavaScript berfungsi untuk melakukan pemformatan URL translasi berdasarkan pola query string dari Google Translate yang berbentuk seperti ini agar kita bisa menuju ke halaman Google Translate tanpa harus terlibat dengannya pada saat awal kunjungan.


Langkah pertama yang harus anda lakukan adalah:

1. Copy script dibawah ini,
2. Paste-kan di dalam sebuah widget HTML/JavaScript.

3. Klik Simpan dan lihat hasilnya:




Baca juga: Translate Inggris, Cara Membuat Widget Translate HTML Blog Ringan

Demikian sedikit script yang bisa saya bagikan pada artikel Translate Inggris, Cara Membuat Widget Translate HTML Blog Ringan untuk anda malam ini, semoga bermanfaat bagi kemajuan blog anda, salam blogger Indonesia.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates:

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Anda dapat menggunakan Amazon Translate untuk menerjemahkan konten halaman Web. Program Java berikut menerjemahkan halaman Web tertentu dari bahasa Inggris ke Spanyol dan menciptakan file HTML yang berisi hasil terjemahan. Ada dua fungsi dalam program ini:

  • Sebuah fungsi yang membaca data dari halaman Web sumber, memisahkannya menjadi elemen HTML, dan kemudian memanggil fungsi kedua untuk menerjemahkan elemen. Di akhir dokumen, ia menulis hasilnya ke file HTML.

    Panduan cara mudah membuat website multi bahasa .
    Cara pertama :
    Buatlah website dengan bahasa Indonesia terlebih dahulu, setelah website kalian jadi, untuk mengubah website kalian menjadi website multi bahasa, caranya adalah dengan menambahkan tombol menu alih bahasa berupa gambar bendera dari bahasa negara yang akan menjadi bahasa website kalian.
    Dalam tutorial ini masalkan kalian mau membuat website yang bahasanya bisa berubah dari bahasa Indonesia ke bahasa Arab, China, Inggris dan Jepang.

    Lihat gambar di bawah ini!  gambar di bawah adalah contoh screenshot website multi bahasa.
    Lihat ada 5 gambar bendera, masing-masing bendera yang ada dalam lingkaran kuning, itu adalah tombol menu untuk mengubah website ke dalam bahasa Arab, bahasa China, bahasa Inggris, bahasa Indonesia dan bahasa Jepang.


    Cara membuat translate di html


    Untuk bisa membuat website multi bahasa seperti gambar di atas, caranya adalah copy kode html berikut ini :

    <!-- GTranslate: http://gtranslate.net/ -->

    <a href="#" onclick="doGTranslate('id|ar');return false;" title="Arabic" class="gflag nturl" style="background-position:-100px -0px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="32" width="32" alt="Arabic" /></a>

    <a href="#" onclick="doGTranslate('id|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="32" width="32" alt="Chinese (Simplified)" /></a>

    <a href="#" onclick="doGTranslate('id|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="32" width="32" alt="English" /></a>

    <a href="#" onclick="doGTranslate('id|id');return false;" title="Indonesian" class="gflag nturl" style="background-position:-300px -300px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="32" width="32" alt="Indonesian" /></a>

    <a href="#" onclick="doGTranslate('id|ja');return false;" title="Japanese" class="gflag nturl" style="background-position:-700px -100px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="32" width="32" alt="Japanese" /></a>

    <style type="text/css">
    <!--
    a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32.png');}
    a.gflag img {border:0;}
    a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32a.png');}
    #goog-gt-tt {display:none !important;}
    .goog-te-banner-frame {display:none !important;}
    .goog-te-menu-value:hover {text-decoration:none !important;}
    body {top:0 !important;}
    #google_translate_element2 {display:none!important;}
    -->
    </style>

    <div id="google_translate_element2"></div>
    <script type="text/javascript">
    function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'id',autoDisplay: false}, 'google_translate_element2');}
    </script><script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


    <script type="text/javascript">
    /* <![CDATA[ */
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
    /* ]]> */
    </script>
    <script type="text/javascript" src="http://joomla-gtranslate.googlecode.com/svn/trunk/gt_update_notes0.js"></script>

    Kemudian pastekan ke kolom content HTML / Javascript tambahkan gadget yang ada di dasbor website blogger kalian.

    Klik simpan lalu lihat hasilnya, selamat ya website multi bahasa kalian sudah jadi.

    Panduan membuat website multi bahasa cara kedua :
     

    Cara membuat translate di html


    Langkah-langkahnya adalah sebagai berikut :

    Copy kode html ini :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=https://solo-on-line.blogspot.com/" target="_blank" title="Click here to see in English"><img alt="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=https://solo-on-line.blogspot.com/" border="0" src="http://3.bp.blogspot.com/-_Be60kvZhkw/VUgul4d43OI/AAAAAAAAF88/3FZXcem7Sjo/s1600/English.jpg" /></a>

    Kemudian pastekan ke html / javascript gadget website kalian.

    Keterangan kode html widget website multi bahasa di atas :

    • Tulisan yang berwarna merah gantilah dengan alamat url website kamu.
    • Tulisan yang berwarna biru bisa kalian ganti dengan url gambar lainnya

    Seperti itulah langkah-langkah cara membuat website multi bahasa, mudahkan? selamat mencoba semoga kalian berhasil.

    Bagaimana cara translate website?

    Saat membuka halaman yang tertulis dalam bahasa yang tidak dipahami, Anda dapat menggunakan Chrome untuk menerjemahkannya..
    Di komputer, buka Chrome..
    Buka halaman yang ditulis dalam bahasa lain..
    Di sebelah kanan kolom URL, klik Terjemahkan ..
    Chrome akan menerjemahkan halaman saat ini..

    Bagaimana cara membuat keyboard Translate?

    Menerjemahkan saat mengetik.
    Di ponsel atau tablet Android, instal Gboard..
    Buka aplikasi apa pun tempat Anda dapat mengetik, seperti Gmail atau Keep..
    Tap area tempat Anda dapat memasukkan teks..
    Di bagian atas keyboard, ketuk Buka menu fitur ..
    Ketuk Terjemahan ..
    Pilih bahasa sumber..
    Pilih bahasa target..
    Masukkan teks..

    Gimana cara translate dokumen?

    Menerjemahkan dokumen.
    Di komputer, buka dokumen di Google Dokumen..
    Di menu atas, klik Alat. Terjemahkan dokumen..
    Masukkan nama dokumen yang akan diterjemahkan dan pilih bahasa..
    Klik Terjemahkan..
    Salinan terjemahan dokumen Anda akan terbuka di jendela baru. Anda juga dapat melihat salinan ini di Google Drive..

    Bagaimana cara menerjemahkan halaman web dari bahasa asing ke bahasa Indonesia?

    Menerjemahkan halaman di Chrome.
    Di ponsel atau tablet Android, buka aplikasi Chrome ..
    Buka halaman yang ditulis dalam bahasa lain..
    Di bagian bawah, pilih bahasa target terjemahan. Untuk mengubah bahasa default, tap Lainnya. ... .
    Chrome akan menerjemahkan halaman untuk sekali itu saja..