Memasang Widget Terjemahan/Google Translate di Blog
Bagaimana jika Blog kita mendapat pengunjung dari luar negara? Apakah
mereka bisa mengerti dengan artikel yang kita tulis? Untuk mengatasi hal
tersebut, Widget terjemahan ini tentunya akan sangat berguna dalam
menerjemahkan isi Blog kita kedalam bahasa yang ditentukan pengunjung
Blog. Saya anjurkan bagi para sobat Blogger untuk memasang widget ini.
Untuk cara membuatnya kebetulan kali ini akan saya bahas dalam artikel Memasang Widget Terjemahan/Google Translate di Blog.
Dalam memasang Widget terjemahan ini yang saya tau ada dua mode, yaitu Widget Bawaan Blogspot dan mode HTML/Javascript.
Dalam memasang Widget terjemahan ini yang saya tau ada dua mode, yaitu Widget Bawaan Blogspot dan mode HTML/Javascript.
Memasang Widget Terjemahan/Google Translate di Blog
- Login ke akun Blogger sobat.
- Masuk ke Bagian Tata Letak pada Blog yang diinginkan.
- Klik Tambahkan Gadget di posisi yang sobat inginkan.
- Pilihlah dua mode yang sebelumnya saya sebutkan.
Widget Bawaan Blogspot
- Langsung saja pilih widget terjemahan.
- Masukan judul widget sesuai keinginan sobat.
- Tentukan gaya widget yang sobat suka. Untuk Pratinjau gaya widget adalah sebagai berikut:
Vertikal | |
Horizontal | |
Hanya Naik-Turun |
Mode HTML / Javascript
Mungkin kalian bertanya, mengapa memakai mode HTML padahal ada cara yang lebih mudah dan sudah tersedia yaitu widget bawaan dari Blogspot? Pada setiap widget bawaan dari Blogpot, widget-widget tersebut umumnya hanya berdiri sendiri dan tidak bisa digabungkan dengan widget lain. Nah, dengan adanya widget mode HTML ini sobat bisa menggabungkan widget ini dengan widget lainya yang tentunya widget mode HTML juga. Sehingga bisa menghemat ruang pada Blog sobat.- Silakan pilih widget HTML/Javascript.
- Lalu beri judul widget yang sobat suka, dan masukan kode HTML berikut ini.
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
multilanguagePage: true,
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
- Untuk mengubah gaya widget, sobat ubah kode berwarna merah dengan kode dibawah ini:
VERTIKAL | |
HORIZONTAL | |
SIMPLE |