Cara mudah memasang peta Google Maps di postingan blog dengan menggunakan smartphone ini sebagai langkah alternatif kalau 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 kalau digunakan pada topik berkaitan dengan pemetaan lokasi menyerupai wisata, hotel, bandara dll. menyebabkan 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 teladan 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 teladan 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 karakter atau tulisan yang kalau di "KLIK" akan menuju navigasi map.
berikut contoh dengan tautan bentuk karakter atau tulisan yang kalau di "KLIK" akan menuju navigasi map.
Setelah anda mengetahui pilihan mana yang akan dipakai? selanjutnya ke cara menemukan isyarat 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 isyarat lokasinya.
7. Selanjutnya sentuh/tap Menu sebelah kanan atas maps.
8. Pada hidangan 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 kalau dibaca oleh pengunjung yang menggunakan Smartphone.
11. Simpan isyarat pada Klip board HP!
- Jika sudah cocok ukurannya ambil isyarat 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 kalau mau dibentuk tampilan link saja di artikel.
Sampai disini selesai untuk mendapat isyarat maps.
Selanjutnya cara memasukan isyarat google map ke html blog
1. Menampilkan maps dengan tampilan widget iframe responsive menyerupai teladan #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 isyarat ke html postingan.
5. Lihat pratinjau, kalau tampilannya tidak sesuai template tinggal dirubah saja angka ukurannya masih di html, kalau pas simpan.
Catatan!
Untuk tampilan widget Iframe pakai semua isyarat dari google map tadi, tapi kalau 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 teladan #2
1. Klik hidangan 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 isyarat dari map, kemudian hapus bab yang aku beri warna "Merah" di awal dan selesai kode-embed.
Mungkin cara itu saja sudah cukup didalam menciptakan maps di post blog dengan menggunakan Smartphone kesannya sanggup sukses di pasang di blog, sangat gampang bukan?
Walau gampang kalau sobat ada yang belum paham mengenai pemasangan Anda sanggup tanya atau tinggalkan komentar saja, aku bukan sebagai pertolongan google maps tapi semoga artikel ini sanggup membantu mitra semua.