Cara Memasang Google Maps di WordPress

Cara Memasang Google Maps di WordPress

Langkah-Langkah Memasang Google Maps di Blog WordPress :

1. Masuk ke http://maps.google.co.id/

2. Ketik kota asal anda lalu enter

3. Selanjutnya klik Share => Lalu pilih Embed Map

4. Pada default Map Medium anda dapat merubah ukurannya seperti, Smal, Medium, Large dan Custom Size silakan pilih salah satunya.

Penjelasan :
Smal : Ukuran kecil
Mediuam : Ukuran Sedang
Large : Ukuran Besar
Custom Size : Menyesuaikan Ukuran Lebar dan Tinggi

5. Copy code HTML yang telah disediakan maps google, seperti gambar dibawah ini

Contoh Code HTML Google Map :

<iframe src="https://www.google .com/maps/embed?pb=!1m18!1m12!1m3!1d3966. 240517938491!2d106.83029111437055!3d-6.231991262764325!2m3!1f0!2f0!3f0!3m2!1i1024!2i768 !4f13.1!3m3!1m2!1s0x2e69f3ef298c4c49%3A0xb408967a67c22506!2sToko+Satu!5e0!3m2!1sen!2sid!4v1489140640936" width="800" height="600" frameborder="0" style="border:0" allowfullscreen> </iframe> </iframe>

Penjelasan : width="800" height="600 ini adalah ukuran Map dengan Width/Lebar 800 Pixel dan Height/Tinggi 600 Pixel yang akan tampil di Website anda silakan susaikan ukurannya. Untuk ukuran Responsive silakan rubah ukuran dari 800 menjadi 100% dan 600 Menjadi 450, 400 dll.

6. Lalu paste kodenya kedalam widget => Text atau postingan WordPress Text

Silahkan Dilihat Hasilnya

Semoga Membantu, salam sukses

About the Author

Leave a Reply