Cara mudah memasang peta Google Maps di postingan blog dengan menggunakan smartphone ini sebagai langkah alternatif jikalau anda suka ngeblog menggunakan HP Android atau sedang mencari cara gres memasang peta google tanpa menggunakan perangkat komputer - laptop atau PC, anda tetap sanggup buat artikel atau seting lainya dengan lancar.
Menampilkan peta digital atau maping di situs website/blog memang menarik dan keren apalagi jikalau digunakan pada topik berkaitan dengan pemetaan lokasi menyerupai wisata, hotel, bandara dll. menjadikan semakin hidup untuk goresan pena blog, lebih natural dan menjelaskan.
Dalam memasangnya map Anda sanggup pilih dan pakai opsi tampilan maps dari yang simpel hingga semat eksklusif menyerupai beberapa pola berikut:
Contoh Mode pemasangan google map pada website/blog
Untuk memasang Peta maps google di website/blog kita sanggup pilih versi atau mode pemasangan yang sanggup anda tentukan diantaranya...
Contoh #1
Widget Transparan Iframe - ini yang disebut semat (Embed) google maps berupa tampilan Frame responsive.
Ini pola embed eksklusif dengan tampilan Iframe
Contoh #2
Tampilan dengan Anchor Text
Tampilan dengan Anchor Text
nampak simpel hanya berupa Link eksklusif ke google maps
berikut contoh dengan tautan bentuk aksara atau tulisan yang jikalau di "KLIK" akan menuju navigasi map.
berikut contoh dengan tautan bentuk aksara atau tulisan yang jikalau di "KLIK" akan menuju navigasi map.
Setelah anda mengetahui pilihan mana yang akan dipakai? selanjutnya ke cara menemukan aba-aba html google maps untuk disemat di blog dengan menggunakan Smartphone.
Inilah Cara Memasang Peta Google maps di Hand Phone (HP)
1. Pakai Smart Phone dengan OS apasaja aku pakai Android model lainya pun aku yakin bisa, gunakan Browser menyerupai : Internet Mobile atau Google Chrome.
2. !) Ubah versi Browser terlebih dahulu dari mobile (seluler) menjadi versi dekstop.
Kalau misal belum paham alangkah baiknya lihat dulu sebentar Cara mengubah tampilan browser dari mode Mobile ke Dekstop
3. Jika sudah diganti tampilannya kemudian kunjungi https://www.google.co.id/maps/
4. Pada Google Maps, silahkan cari lokasi dengan cara geser atau zoom pakai jari anda atau dengan mengetik kata kunci nama kota/lokasi yang akan di target.
5. Kalau sudah ditemukan? tandai titik koordinat lokasi dengan menekan usang jari anda persis di atas nama lokasi tersebut.
6. Jika sudah ada tanda merah Map itu berarti kawasan itu sudah akan otomatis terdeteksi dan siap di ambil aba-aba lokasinya.
7. Selanjutnya sentuh/tap Menu sebelah kanan atas maps.
8. Pada sajian sisi pilih atau klik Bagikan atau sematkan peta.
9. Nanti akan muncul jendela / Pop up untuk anda pilih dan ambil kode.
Pindahkan dari Bagikan link ke Sematkan peta.
10. Nah, bila tampilan sudah menyerupai gambar dibawah selanjutnya...
- Anda sanggup atur ukuran frame yang sesuai pilih saja Sedang atau Kecil semoga tampilan google map tidak terlalu besar jikalau dibaca oleh pengunjung yang menggunakan Smartphone.
11. Simpan aba-aba pada Klip board HP!
- Jika sudah cocok ukurannya ambil aba-aba yang ada di Form Adress, caranya tempel usang jari anda hingga kodenya berwarna biru kemudian Copy dan pasang di HTML blog.
Kurang lebih kodenya menyerupai berikut.
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3965.7049360673363!2d106.8951559!3d-6.3024459!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69ed50d076a261%3A0x73127b9ecf2da0c!2sTaman+Mini+Indonesia+Indah!5e0!3m2!1sid!2sid!4v1511994815583" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Keterangan!
- Kode berwarna merah sanggup dihapus jikalau mau dibentuk tampilan link saja di artikel.
Sampai disini selesai untuk mendapat aba-aba maps.
Selanjutnya cara memasukan aba-aba google map ke html blog
1. Menampilkan maps dengan tampilan widget iframe responsive menyerupai pola #1
1. Buat tab gres - Login ke blog anda yang akan dipasang peta google.
2. Buat postingan gres atau Edit Entri / tambahkan.
3. Jika sudah berada pada Postingan Ubah mode penulisan dari Compose menjadi HTML.
4. Selanjutnya tinggal di Paste / tempelkan saja aba-aba ke html postingan.
5. Lihat pratinjau, jikalau tampilannya tidak sesuai template tinggal dirubah saja angka ukurannya masih di html, kalau pas simpan.
Catatan!
Untuk tampilan widget Iframe pakai semua aba-aba dari google map tadi, tapi jikalau anda ingin menciptakan menyerupai Link saja itu tinggal di hapus saja bab yang aku beri warna MERAH selanjutnya tinggal buat menyerupai biasa menciptakan link di postingan.
2. Cara menciptakan link ke google maps di postingan menyerupai pola #2
1. Klik sajian Post Entri sebelah atas untuk menciptakan link.
2. Setelah muncul Pop up / jendela Link.
3. Isi "Form Text to dispaly:" dengan Huruf yang bisa anda buat.
4. Dan isi kolom Link to: dengan aba-aba dari map, kemudian hapus bab yang aku beri warna "Merah" di awal dan final kode-embed.
Mungkin cara itu saja sudah cukup didalam menciptakan maps di post blog dengan menggunakan Smartphone akhirnya sanggup sukses di pasang di blog, sangat gampang bukan?
Walau gampang jikalau sobat ada yang belum paham mengenai pemasangan Anda sanggup tanya atau tinggalkan komentar saja, aku bukan sebagai santunan google maps tapi semoga artikel ini sanggup membantu mitra semua.
