Selamat datang kembali di webite tips dan trik Dumet School, di artikel sebelumnya kita sudah membahas tentang html dan css. Pada kesempatan kali ini saya akan memberikan tips dan trik tentang Cara Menambahkan Google Translate dan Maps.
Kita semua tahu sekarang jaman sudah sangat modern, dengan menggunakan internet kita bisa akses informasi apa saja dengan mengakses website atau media yang lainnya. Karena tema kita tentang website saya akan mencoba memberikan tips bagaimana sih cara menambahkan google translate dan google maps. Teman – teman yang sedang belajar membuat website perlu di simak nih cara memasukkannya, kita tidak akan membuatnya melainkan memanggil library nya saja. Google translate bisa kita pasang di dalam website kita untuk user yang tidak mengerti Bahasa yang ada di dalam website itu sendiri, dan kita juga akan memasang maps lagi – lagi kita tidak akan membuatnya melainkan memanggil library nya saja. Langsung saja kita implementasikan Cara Menambahkan Google Translate dan Maps, teman – teman siapkan text editornya dan ketikkan script pada gambar di bawah ini
Kemudian tambahkan script di bawah ini
<script type=”text/javascript” src=”http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>
<script type=”text/javascript”>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: ‘en’}, ‘google_translate’);
}
</script>
Jika sudah save dengan nama index.html dan jalankan pada browsernya, maka hasilnya seperti gambar di bawah ini
Kemudian pilih Bahasa yang teman – teman inginkan, saya coba dnegan Bahasa inggris
Selanjutnya kita akan menampilkan maps, teman – teman ketikkan pada url google maps -> alamat teman – teman saat ini berada. Disini saya menggunakan alamat Dumet School Grogol
Lalu klik share -> embed map
Dan copy tag iframe nya dan pastekan pada text editornya
Maka hasilnya seperti gambar di bawah ini
Bagaimana, cukup mudah bukan..??
Dengan begitu teman – teman bisa tambahkan pada project website nya, google memang top 🙂
Sekian pada artikel kali ini tentang Cara Menambahkan Google Translate dan Maps kita jumpa kembali pada artikel yang akan dating. Terimakasih dan sampai jumpa, semoga bermanfaat.