Cara Menambahkan Fitur Terjemahan Otomatis di Blog

[Show]

Menambahkan fitur terjemahan otomatis di blog bisa menjadi langkah yang baik untuk menjangkau audiens internasional.

Salah satu cara yang paling praktis adalah menggunakan Google Translate widget yang memungkinkan pengunjung blog untuk menerjemahkan halaman ke dalam berbagai bahasa hanya dengan satu klik.

Berikut ini adalah langkah-langkah mudah untuk menambahkan Google Translate widget ke dalam blog kamu, lengkap dengan penyesuaian kode yang bisa kamu pasang langsung di halaman blog.

Langkah 1: Menyusun Kode Widget Google Translate

Google menyediakan sebuah widget yang memungkinkan pengunjung untuk menerjemahkan halaman blog ke berbagai bahasa. Dengan kode berikut, kita akan menambahkan dropdown bahasa yang dapat dipilih oleh pengunjung. Berikut adalah contoh kode widget Google Translate yang bisa kamu gunakan:

<div id="translate-widget" style="text-align:right; margin: 10px 0;"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id',
    includedLanguages: 'en,ms,ar,fr,de,ja,ko,ru,es,zh-CN',
    layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
  }, 'translate-widget');
}
</script>

<script type="text/javascript" 
  src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

Penjelasan Kode:

pageLanguage: 'id': Menentukan bahasa asli halaman, dalam hal ini Bahasa Indonesia.
includedLanguages: 'en,ms,ar,fr,de,ja,ko,ru,es,zh-CN': Daftar bahasa yang akan tersedia di dropdown. Kamu bisa menambahkan atau mengurangi bahasa sesuai kebutuhan.
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL: Menentukan tata letak dropdown menjadi horizontal di bagian atas halaman.
Script ini akan memuat dan menjalankan Google Translate secara otomatis begitu halaman dibuka.

Langkah 2: Menambahkan Kode ke Blogspot

Setelah menyiapkan kode, langkah selanjutnya adalah memasukkannya ke dalam blog kamu.

Masuk ke akun Blogger dan pilih blog yang ingin kamu tambahkan widget terjemahan.
Klik Tata Letak di menu samping.
Di bagian atas atau bawah gadget, klik Tambahkan Gadget.
Pilih HTML/JavaScript.
Paste kode yang telah disiapkan di kolom Konten.
Klik Simpan.

Langkah 3: Menambahkan Tombol Kembali ke Bahasa Indonesia (Opsional)

Jika kamu ingin menyediakan tombol yang memungkinkan pengunjung kembali ke Bahasa Indonesia setelah menerjemahkan halaman, kamu bisa menambahkan kode berikut setelah widget translate:

<button onclick="resetTranslate()" 
  style="width:100%; padding:8px 12px; background:#007BFF; color:#fff; border:none; border-radius:5px; font-size:14px; cursor:pointer;">
  🔁 Kembali ke Bahasa Indonesia
</button>

<script>
function resetTranslate(retry = 0) {
  var select = document.querySelector(".goog-te-combo");
  
  if (select) {
    select.value = "id";  // Pilih Bahasa Indonesia
    select.dispatchEvent(new Event("change"));
  } else if (retry < 10) {
    setTimeout(function() {
      resetTranslate(retry + 1);
    }, 300);
  } else {
    alert("Dropdown Google Translate belum siap. Silakan coba lagi.");
  }
}
</script>

Tombol ini akan memicu perubahan bahasa kembali ke Bahasa Indonesia saat pengunjung menekannya, meskipun mereka sudah menerjemahkan halaman ke bahasa lain.

Keuntungan Menambahkan Fitur Terjemahan Otomatis:

Meningkatkan Jangkauan Audiens: Pengunjung dari berbagai negara bisa dengan mudah mengakses konten kamu dalam bahasa yang mereka pahami.
Pengalaman Pengguna yang Lebih Baik: Dengan adanya fitur terjemahan otomatis, pengunjung tidak perlu meninggalkan blog untuk mencari terjemahan manual.
Mudah Digunakan: Google Translate widget sangat mudah diterapkan tanpa memerlukan pengetahuan teknis mendalam.

Kesimpulan:

Menambahkan fitur terjemahan otomatis ke blog adalah cara yang efektif untuk meningkatkan keterjangkauan blog kamu di seluruh dunia. Dengan sedikit penyesuaian kode, pengunjung bisa dengan mudah memilih bahasa yang mereka inginkan dan menikmati konten blog kamu tanpa hambatan bahasa.

Jika kamu mengalami kesulitan atau ingin menyesuaikan lebih lanjut widget ini (misalnya menambahkan lebih banyak bahasa atau mengubah tampilannya), kamu bisa memodifikasi parameter includedLanguages dan layout sesuai kebutuhan.

Semoga artikel ini membantu kamu dalam mengimplementasikan Google Translate widget di blog! Jika ada pertanyaan atau kendala lebih lanjut, jangan ragu untuk bertanya di komen dan bantu share artikelnya juga ya.