INDONESIANWARE - Pada Artikel yang anda baca kali ini dengan judul Membuat Multibahasa Blog Menggunakan Jquery, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel JQUERY, Artikel PEMROGRAMAN WEB, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Multibahasa Blog Menggunakan Jquery
link : Membuat Multibahasa Blog Menggunakan Jquery

Membuat Multibahasa Blog Menggunakan Jquery

Tadinya saya mau menggunakan widget google translate, namun masalahnya adalah saya ga bisa kustom tampilan, selain itu efek menggunakan widget adalah di speen, performance web jadi makin lambat nah tentunya tidak bagus dong buat SEO, melihat hal tersebut saya akhirnya menemukan cara menggunakan kehebatan jquery sebagai alternatif, selain bisa kustomisasi tampilan bentuk icon translate Membuat Multibahasa Blog Menggunakan Jquery lebih mudah. Ok langsung aja ya 

1. Kamu masuk dulu ke bagian edit html (Kalo belum tahu caranya coba lihat halaman http://www.gee.web.id/2013/10/cara-memasang-content-locker-di-blogger.html disitu sudah saya jelaskan sebelumnya )
2. Masukan kode script dibawah tepat sebelum tag </head>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script> $(document).ready(function(){

                //JQuery code for getting current URL

                var URL = $(location).attr('href');

$('.translate').click(function(){

window.location.href = 'http://translate.google.co.id/translate?sl=id&amp;tl=en&amp;js=n&amp;prev=_t&amp;hl=id&amp;ie=UTF-8&amp;u=' + URL + '&amp;act=url'

});

                //alert("Current URL Using JQuery : " + URL);

            });

</script>

3. Kode dibawah ini adalah gambar yang akan kamu tempatkan ketika icon di klik yang secara otomatis menggunakan google translate untuk menterjemahkan.

<img alt='tranlate to english' class='translate' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd6m1AwbDKDSDRiSjilkKPCNtBQdUif2DeVrYok-oSxT6gnnEmmRs4-BZKLGpJct8g8tTFziGwbkpLv6ys-KzuhoPoKKtC_jFjXaVkRWoOnkjUZBjL38iMhlvFhgifXckZH5-vSMPuO23j/s1600/translategee.png' title='translate to english'/>

Itu saja gampangkan selamat mencoba, buat demo test kamu bisa gunakan translate di pojok kanan atas buat mencoba.

Oh ya huruf merah diatas adalah class yang menghubungkan script jquery dan gambar, mudah-mudahan nanti akan ada tutorial mendalam lagi mengenai jquery. yang masih bingung komentar dibawah ya.

4.5

Sekianlah artikel Membuat Multibahasa Blog Menggunakan Jquery kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Multibahasa Blog Menggunakan Jquery dengan alamat link https://ware-id.blogspot.com/2013/10/membuat-multibahasa-blog-menggunakan.html