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.

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	Lihat Gambar
  Horizontal	Lihat Gambar
  Hanya Naik-Turun	Lihat Gambar

  
  

  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	Lihat Gambar
  HORIZONTAL	Lihat Gambar
  SIMPLE	Lihat Gambar

  
  
  • Setelah selesai menentukan mode widget berikut pengaturanya, langsung saja klik simpan.