Memasang Fitur Widget Google Translate Pada Website / Blog Terbaru
Memasang Fitur Widget Google Translate Pada Website / Blog Terbaru | www.reload.id - Ketika melakukan pencarian suatu artikel atau tutorial, terkadang kita membutuhkan sumber dari luar negara kita dengan sumber bahasa Inggris atau Rusia untuk kasus admin ketika melakukan pencarian seputar firmware untuk unlock modem. maka terkadang admin suka mentranslate bahasa dari web yang dicari agar mengetahui informasi dari website tersebut.
Setelah sebelumnya reload.id share info seputar Glightbox Pure Javascript Lightbox Support Drag N Drop, ternyata ada beberapa trafik kunjungan dari luar Indonesia, maka admin menerapkan fitur tambahan yaitu Widget Google Translate.
Maka ingin rasanya admin menuliskannya meskin mungkin tulisan seperti ini usang dan sudah banyak diluar sana. sebagai arsip dan info bagi yang kebetulan berkunjung ke website reload.id ini.
Memasang Widget Google Translate pada Website
Untuk memasang fitur google translate pada website kita, maka kita perlu menambahkan script google translate yang dulu bisa langsung kita generate dari website resmi google, jika kita melakukan pencarian di google dengan kata kunci : google translate generator website maka kita akan mendapati website https://translate.google.com/intl/en/about/website/ dengan judul Make Your Website available in 100+ Languanges. sayangnya kita akan mendapati warning pemberitahuan :
We no longer provide new access to Google Translate's Website Translator. This change does not affect existing use of the Website Translator.
We encourage users looking to translate webpages to use browsers that support translation natively.
Untungnya admin sempat menyimpan kode widget google translate ini pada website yang dulu pernah dibuat. berikut dibawah ini script code untuk menambahkan google translate pada website kita :
<div id='google_translate_element'/>
<script type='text/javascript'>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'id', includedLanguages: 'ar,en,id', layout:
google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit' type='text/javascript'></script>Tambahkan kode diatas pada Widget Wordpress atau langsung di file HTML/PHP dari website kita, bisa kita simpan dibagian footer sebelum tag </body>.
Pada bagian TranslateElement.InlineLayout.SIMPLE bisa kita sesuaikan sesuai sebagai berikut :
- SIMPLE untuk tampilan Dropdown Only
- VERTICAL untuk tampilan Vertical
- HORIZONTAL untuk tampilan Horizontal
pada bagian includedLanguages: 'ar,en,id' bisa disesuaikan bahasa apa saja yang ingin ditampilkan dengan menggunakan kode bahasa. untuk melihat kode bahasa yang lain bisa dilihat di halaman github https://gist.github.com/JT5D/a2fdfefa80124a06f5a9
jika kita ingin menampilkan semua bahasa maka cukup hapus bagian code includedLanguages
Memasang Widget Google Translate pada Blogspot.
Untuk memasang widget Google Translate caranya sangat mudah karena sudah tersedia pada fitur add gadget bawaan dari blogger. berikut langkah-langkahnya :
1. Login Dashboard Blogger.
2. Masuk ke menu Layout
3. Pilih bagian yang ingin kita tambah Widget, misal dibagian sidebar.
4. Klik tulisan Add a Gadget
5. Scroll ke bawah dan cari widget Translate. untuk memudahkan bisa menggunakan fitur CTRL+F pada browser.
6. Klik judul dari widget Translate atau klik button + untuk menambahkan widget pada web blogspot kita. terdapat 3 pilihan tampilan dari google translate yang bisa kita sesuaikan diantaranya Vertical, Horizontal dan Dropdown Only.
7. Terakhir kita klik tombol Save. dan lihat hasilnya.
Nah begitulah cara menambahkan fitur google translate pada website / blogspot kita. untuk kostumisasi lainnya bisa dicoba sendiri yah.