MEMBUAT WIDGET GOGLE TRANSLATE MELAYANG DI SAMPING BLOG

MEMASANG GOGLE TRANSLATE MELAYANG DI SAMPING BLOG

Pada tutorial kali ini, saya akan membahas bagaimana caranya menambah widget tambahan untuk gogle translate, tetapi bukan bawaan dari blog, melainkan bentuk lain dari gogle translate.

oke, untuk mempersingkat waktu, kita mulai saja pada tahap pekerjaannya.
1. Dasboard>> tata letak >>add widget>> html java scrip
2. masukan kode java scrip berikut, tergantung pilihan saudara...


  • Drop Down Widget
Widget ini berbentuk drop down menu yang berisi pilihan bahasa. Ada 3 bentuk:
widged drop down 1
1. untuk mendapatkan widget seperti gambar diatas, dapat di peroleh dengan memasukan kode berikut di bawah ini ,,,,


<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>




widged drop down 2
2.  untuk mendapatkan widget seperti gambar diatas, dapat di peroleh dengan memasukan kode berikut di bawah ini ,,,,,


<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false,
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


widged drop down 3
3.  untuk mendapatkan widget seperti gambar diatas, dapat di peroleh dengan memasukan kode berikut di bawah ini ,,,,,


<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Demikian kode html untuk pemasangan widged gogle translate dengan menu drop down/ bergeser kebawah, anda juga dapat menambahkan widget gogle translate lain yang dapat melayang di samping blog kita.. menarik bukan ? untuk mendapatkannya sangat mudah, prosesnya sama yaitu dengan widget html java scrip kemudian masukan kode html berikut ini....
Berikut ini beberapa pilihan widget gogle tranlate, untuk yang tabbet widget atau melayang di samping blog kita...

Tabbed Widget
Widget ini nantinya akan melayang di pojok tampilan blogmu. 
Ada 4 pilihan posisi:
  1. Kiri-Atas, kodenya : 
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false,
floatPosition: google.translate.TranslateElement.FloatPosition.TOP_LEFT
});
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

2. Kanan-Atas
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false,
floatPosition: google.translate.TranslateElement.FloatPosition.TOP_RIGHT
});
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

3. Kiri-Bawah


4. Kanan-Bawah
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false,
floatPosition: google.translate.TranslateElement.FloatPosition.TOP_RIGHT
});
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



Automatic Widget gogle translate
Widget ini nantinya akan mendeteksi IP dari pengunjung. Jika pengunjung berasal dari bahasa yang berbeda dengan blog kita, maka akan keluar banner yang berfungsi untuk men-translate blog kita. Jika pengunjung berbahasa sama dengan blog kita, maka widget ini tidak akan menampilkan apapun.
 Berikut kodenya : 

<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto'
});
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Cara Memasangnya:
Copy salah satu script di atas. Buka blogmu, Add Widget - HTML/Javascript, dan pastekan script tadi. Dan save.
Selamat mencoba...


SLIMING CAPSUL
Suplement pelangsing terbaik. Lulus Standard GMP (Good Manufacturing Practice) dan uji tes SGS. Pesan sekarang Juga!!!
sikkahoder.blogspot
ABE CELL
(Jamu Tetes)Mengatasi diabetes, hypertensi, kanker payudara, mengurangi resiko stroke, meningkatkan fungsi otak, dll.
sikkahoder.blogspot
MASKER JERAWAT
Theraskin Acne Mask (Masker bentuk pasta untuk kulit berjerawat). Untuk membantu mengeringkan jerawat.
sikkahoder.blogspot
ADHA EKONOMIS
Melindungi kulit terhadap efek buruk sinar matahari, menjadikan kulit tampak lenih cerah dan menyamarkan noda hitam di wajah.
sikkahoder.blogspot
BIO GLOKUL
Khusus dari tanaman obat pilihan untuk penderita kencing manis (Diabetes) sehingga dapat membantu menstabilkan gula darah
sikkahoder.blogspot


ADVERTISE HERE Ads by Sikkahoder
Body Whitening
Mengandung vit C+E, AHA, Pelembab, SPF 30, Fragrance, n Solk Protein yang memutihkan kulit secara bertahap dan PERMANEN!!
Sikkahoder.blogspot
PENYEDOT KOMEDO
Dengan alat ini, tidak perlu lg memencet hidung, atau bagian wajah lainnya untuk mengeluarkan komedo.
Sikkahoder.blogspot
Obat Keputihan
Crystal-X adalah produk dari bahan-bahan alami yang mengandung Sulfur, Antiseptik, Minyak Vinieill. Membersihkan alat reproduksi wanita hingga kedalam.
Sikkahoder.blogspot
DAWASIR
Obat herbal yang diramu khusus bagi penderita Wasir (Ambeien), juga bermanfaat untuk melancarkan buang air besar dan mengurangi peradangan pada pembuluh darah anus
Sikkahoder.blogspot
TERMOMETER DIGITAL
Termometer digital dengan suara Beep. Mudah digunakan, gampang dibaca dengan display LCD dan suara beep ketika selesai mendeteksi suhu.
Sikkahoder.blogspot


ADVERTISE HERE Ads by Sikkahoder