Cara memasang peta google maps di blog dengan tampilan hidup dan responsive, sangat cocok bagi kalian yang hobi ngeblog basannya berkaitan dengan peta lokasi seperti: wisata, gunung, pantai atau lokasi pusat kota dll. Jika dipasang tidak membuat jelek justru akan membuat artikel menarik, berbeda, lebih memperjelas lagi pengunjung pun merasa puas dengan bantuan informasi pemetaan yang bisa ditelusuri olehnya.
 |
| Peta google maps di situs website blog |
Selain itu maps juga banyak informasi mengenai rute (Direction) jarak tempuh dan lainya.
Istilah pasang maps
Menambahkan peta di website biasa di sebut menyemat, bahasa kerennya Embed map, jadi setelah dipasang akan otomatis ada google maps tampil di postingan tersebut atau bisa dihalaman lainya.
Berikut ini contoh Google Maps apabila disemat di postingan blog
Lokasi ini di ambil di daerah Ibukota Indonesia tentu sudah pasti sudah pada tahu dong yaitu: Tugu Monas Jakarta yang saya ambil koordinatnya sebagai contoh.
Jika anda ingin mencoba dan memasangnya atau sebagai kebutuhan di blog ini bisa dilakukan dan dicoba untuk memasangnya.
Ingin tahu langkah dan cara memasang pemetaan (embed maps) di blog?
Lihat pula: Cara pasang tombol Aplikasi di Postingan
Berikut ini cara menambahkan peta googlemaps di website blog
Yang harus di perhatikan!
Sebelum kita akan memasang maps perangkat harus menggunakan jenis komputer, (laptop atau pc) ya!
Karena perangkat berjenis Gadget Hand Phone belum atau tdak bisa menampilkan semua menu Share or Embed Maps (di browser maupun aplikasi).
1. Mulai dengan langkah pertama cara embed google map silahkan buka PC atau Laptopnya.
- Pada browser apa saja lalu kunjungi google.maps.com
- Cari lokasi target yang akan diembed, agar lebih mudah gunakan Serach maps.
 |
| Cari lokasi di Adress bar maps |
2. Setelah ditemukan lokasinya tentukan titik yang tepat lokasi/koordinat bisa perbesar (zoom) terlebih dahulu tempat tersebut lalu tandai dengan mengarahkan Cursor dan klik kiri.
- jika lokasi itu belum ada namanya bisa di tandai saja dengan mengklik kiri tepat pada titik tersebut dengan menggunakan Mouse itu juga akan otomatis bisa.
- Setelah ditandai lokasi >lalu "Klik" Menu samping atas!.
 |
| Pilih lokasi klik tandai, >lalu buka Menu bar |
3. Pada Menu bar >Cari pilihan Share or embed map >lalu "Klik" seperti contoh gambar!
 |
| Klik menu bar >Klik Share or embed map |
4. Selanjutnya akan muncul dua kali pop up?
- Pop up ke 1. >(Share link<>Embed map) Klik saja "Embed map"
- Pop up ke 2. Silahkan pilih ukuran tampilan: Large-medium dan small, sebelum dikopy. (Saya sarankan untuk pilih Small agar tampilan sesuai di seluler tidak terlalu besar).
- Salin ke Clips board atau Copy langsung kode di Adress tersebut lalu paste di HTML artikel sepeti gambar ini!
 |
| Pilih Embed map >Pilih Ukuran >Copy kode html maps |
Note!
Sampai disini sudah selesai untuk mendapatkan kode html maps. Selanjutnya anda tinggal memasang di blog (bisa di pistingan atau Halaman statis)
Berikutnya..
Tahap atau cara pemasangan kode HTML maps di postingan blog
Langkah dan cara memasukan kode google map di html post!1. Buka blog yang akan di pasang maps.
2. Buat Post baru atau edit postingan seperti biasa.
3. Pastekan kode tadi pada mode HTML postingannya.
- Ingat past di mode HTML post
 |
| Pasang kode di HTML postingan |
4. Cek pratinjau lebuh dulu jika ukuran tudak sesuai coba atur lagi ukuranya di HTML post itu.
- height "250"
- width="409" (sesuaikan saja)
Kesimpulan dan alasan pasang maps
Demi menyempurnakan postingan agar lengkap dan lebih hidup sekaligus membuat pengalaman pengguna lebih berkesan menampilkan google maps di blog ini bisa dipasang dan gunakan.
Halaman supaya tidak membosankan Triknya dengan menambahkan peta google maps pada postingan atau halman statis, karena bisa membuat artikel tidak cenderung monoton atau membosankan dengan hanya tampilan teori huruf/teks gambar saja.
Oke Guys cukup sekian dulu artikel mengenai tips /cara pasang maps di website atau mengembed peta di halaman blog yang bisa saya sampaikan semoga bisa membantu anda semua.
