Cara Menampilkan Google Map di Wordpress dengan Divi

Ramadhania Yasmin
Latest posts by Ramadhania Yasmin (see all)

Halo Sob!

Saat membuat website undangan atau pun company profile, biasanya terdapat salah satu laman yang menginformasikan alamat dari suatu tempat. Misal seperti lokasi pernikahannya diselenggarakan, atau lokasi suatu perusahaan berada. Agar tampilannya lebih menarik, kalian bisa menyematkan tampilan Google Map lokasi tersebut, pada laman website kalian.

Di Divi sebenarnya sudah terdapat module Map yang bisa digunakan untuk menyematkan map di halaman website. Namun, sayangnya pada module Map Divi ini perlu setting API key terlebih dahulu sebelum bisa digunakan. Yang mana untuk beberapa orang, setting API key ini bisa dibilang sedikit rumit.

Nah, Sobat Jagoan tidak perlu khawatir! Karena kali ini akan kuberitahu cara untuk menyematkan Google Map tanpa menggunakan API. Tentunya caranya sangat sederhana dan mudah untuk diterapkan.

Berikut langkah-langkahnya : 

  1. Akses ke Google Maps, kemudian cari lokasi yang ingin disematkan ke laman website kita. Lalu klik button “Share”.
  2. Masuk ke tab “Embed Map” kemudian klik “Copy HTML”.
  3. Masuk ke laman wordpress kita, lalu klik button + berwarna abu-abu untuk memasukkan module. Pilih module “Fullwidth Code”
  4. Paste embed map code tadi ke kolom “Content Code”
  5. Sesuaikan lebar map-nya agar sesuai kebutuhan. Apabila ingin lebar map-nya full, maka pada script cod width yang awalnya “600” bisa diubah menjadi 100%.
  6. Kemudian klik button centang hijau untuk menyimpan module tersebut. Dan selesai!

Mudah sekali bukan prosesnya? Semoga panduan ini bisa membantu kalian. Ketemu lagi di panduan selanjutnya :))

Apakah artikel ini membantu, Sob?

Berikan rating buat artikel ini!

Rata-rata rating 0 / 5. Dari total vote 0

Pertamax, Sob! Jadilah pertama yang memberi vote artikel ini!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Related Posts
Tutorial Mengatasi CSS yang Tidak Terbaca di WP Admin

Hai, Sob! Pernahkah kamu mengalami permasalahan dengan dashboard administrator tampil tanpa CSS? Seperti semua link tidak tertata seperti seharusnnya, contohnya Read more

Tutorial Reset User dan Password Wordpress Admin

Hai, Sob!, Pernahkah kamu mengalami lupa password WordPress atau email ? Sudah melakukan "forgot password" malah tidak mendapatkan balasan email Read more

Tutorial Wordpress – Mengatasi Warning: Cannot modify header information

Halo, Sob! Pernahkah kamu mengalami pesan peringatan seperti ini saat instalasi pertama WordPress maupun upgrade WordPress kamu? Warning: Cannot modify Read more

Tutorial Install Wordpress Secara Manual Tanpa Melalui Softaculous

Meng-Install WordPress pada Hosting Indonesia memang bisa lebih cepat selesai jika dikerjakan lewat Softaculous. Tapi bagaimana jika installer WordPress yang tersedia di Read more