Site icon Knowledge Base Jagoan Hosting Indonesia

Cara Menampilkan Google Map di Wordpress dengan Divi

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 :))

Related Posts
Tutorial Mengatasi Fatal Error Undefined Function Is_network_admin()

Pernahkah kamu mengalami error seperti di bawah ini? "Fatal error undefined function is_network_admin()" Biasanya error ini muncul saat kamu melakukan Read more

Tutorial Wordpress – Memastikan Keamanan Wordpress Anda

WordPress Logo Hai, Sob! kamu pasti gak asing dengan penggunaan WordPress. Tapi, tahukah kamu, jika WordPress Read more

Tutorial Wordpress – Menginstal Plugin Backup pada Wordpress

Tahukah kamu, resiko kehilangan data kadang menghantui, begitu juga dengan hacking. Terlebih jika kamu menggunakan WordPress, bisa dikatakan rentan oleh Read more

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

Exit mobile version