Wednesday 17 October 2018

Cara Memasang Google Maps Di WordPress Dengan Mudah (Update)

Sebuah peta mempunyai fungsi sebagai alat memudahkan dan menemukan suatu lokasi atau alamat tertentu. Google maps adalah peta digital canggih buatan google yang paling banyak digunakan, dengan kemudahannya kita juga bisa memasang google maps di blog. Nah bagaimana untuk memasang google maps di wordpress?
Sama halnya jika memasang google maps (embed) untuk flatform blog lainnya, hanya saja saya melakukan migrasi dari blogspot ke wordpress, jadi posting ini sekalian untuk dokumentasi. Siapa tau ada yang membutuhkan.

Memasang Google Maps Di WordPress

Berikut ini adalah langkah-langkah untuk memasang peta google maps pada wordpress.
1. Masuk ke halaman Google maps
2. Tentukan lokasi yang akan di embed atau di pasang pada wordpress .
3. Setelah menemukan lokasi yang tepat, klik tombol share atau bagikan.

Memasang Google Maps
Menentukan nama lokasi

4. Agar bisa memasang Google maps di wordpress, pada bagian share/bagikan kita pilih embed maps. Dan kita bisa tentukan ukurannya, seperti gambar dibawah ini.

Memasang Google Maps
Menentukan ukuran maps

5. Kita bisa menentukan ukuran maps dari yang kecil, sedang dan besar atau bisa menggunakan custom size yaitu ukuran yang sesuai kehendak kita. (Panah nomor 1)

6. Setelah selesai menentukan ukuran peta kemudian copy kode frame nya.
Selanjutnya adalah memasang Google maps di wordpress, kita bisa tempatkan pada postingan atau bisa di letakkan pada widget wordpres. Tergantung kebutuhan kita.
Jika ingin memasang google mapas di postingan, kita bisa letakkan kode framelangsung pada postingan wordpress pada mode text di kolom postingan. Seperti gambar dibawah ini.

Memasang Google Maps
memasang kode frame pada posting wordpress

Lakukan pratinjau terlebih dahulu, apakah ukuran peta sudah sesuai pada bidang posting. Jika masih belum sesuai anda masih bisa merubah ukuran dengan mengedit angka “width” atau “height” pada kode frame.
Nah, sangat mudah kan. Anda sudah bisa memasang google maps di wordpress dan siap di publish.
NOTE
Cara ini juga bisa diterapkan bagi pengguna blogspot. Dengan kata lain untuk memasang google maps di blogspot, pertama-tama lakukan hal tersebut di atas, lalupasang pada postingan blogspot dengan mode html.