Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mudah Pasang Peta Google Maps Responsive Di Blog

Cara Pasang Peta Di Blog | Memiliki blog dengan tampilan ciamik dengan jumlah visitors yang banyak tentu menjjadi dambaan setiap pemilik blog. betul? Sebab, dengan banyaknya pengunjung hal itu mengindikasikan blog sobat memiliki manfaat dan dianggap penting oleh para pengunjung.

Cara Mudah Pasang Peta Google Maps Responsive Di Blog

Jangan berfikir terlebih dahulu, banyaknya visitors berarti pendapatan anda akan bertambah, minimal sobat sudah bisa berbagi hal yang bermanfaat untuk orang lain. Bukankah Rasulullah saw bersabda, "sebaik-baiknya manusia adalah dia yang paling bermanfaat untuk mereka".

Namun memiliki blog dengan tampilan profesional dan banyak digemari oleh para pengunjung tentu tidak mudah, semudah mata memandang keatap rumah [gak nyambung yak? hehe]
Nah, salah satu yang mungkin kalian perlukan guna melengkapi dan mengembangkan blog adalah penempatan sebuah lokasi atau peta pada blog. 

Jadi misalnya kalian menulis informasi tentang sebuah lokasi, dan ingin menyampaikan kepada para pengunjung blog, mungkin kalian merasa capek jika harus menulis dan menerangkan secara deskriptif arah, alamat dan belokan jalan menuju lokasi yang diinginkan.

nah, agar lebih mudah kalian langsung saja taruh sebuah peta yang diambil dari layanan Google Maps. Emang bisa? tidak percaya? coba lihat tulisan saya yang ini : Jika Ke Madinah Kalian Harus Kunjungi Masjid Bersejarah Ini

Langsung saja, tanpa basa basi yak?
  1. Silahkan menuju link berikut ini : Google Maps , Jika diminta login, tentu sobat harus masuk dengan acount google. Saya anggap kalian sudah memiliki acountnya.
  2. Pada kolom pencarian [biasanya berada disebelah kiri atas], isi lokasi yang ingin kalian pasang petanya di blog.
  3. Jika sudah tampil lokasi yang diinginkan, silahkan klik icon bagikan, maka akan muncul notifikasi dengan dua pilihan sekaligus, Bagikan tautan dan sematkan Peta. Pilih "Sematkan Peta"
  4. Kalian akan diberi script peta lokasi, Copy script tersebut di notepad agar lebih mudah.
  5. Masuk ke Blog sobat, silahkan pilih mau dipasang di di widget/gadget atau pada postingan, terserah sobat. Namun, Jika dipasang pada bagian tersebut,m jangan lupa pilih mode HTML ya? jangan Mode "Compose" 

Selanjutnya bagaimana agar tampilannya respopnsive? pada tahapan nomor 4, silahkan pilih ukuran yang responsive. Pada contoh tulisan saya diatas, saya menggunakan ukuran yang standar. Perhatikan kode script dibawah ini :

<center><a href="https://3.bp.blogspot.com/-9oZsf-BAo6U/WDwqKGr6YzI/AAAAAAAAEHk/gf8ta05faGE1g8NRrbFSFQT2JguxSyD-ACLcB/s1600/image-masjid-sabah-tujuh-madinah.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Masjid Sabah / Tujuh Madinah" border="0" height="179" src="https://3.bp.blogspot.com/-9oZsf-BAo6U/WDwqKGr6YzI/AAAAAAAAEHk/gf8ta05faGE1g8NRrbFSFQT2JguxSyD-ACLcB/s320/image-masjid-sabah-tujuh-madinah.jpg" title="Masjid Sabah / Tujuh Madinah" width="320" /></a></center>

Ganti angka pada kode yang berwarna merah untuk tinggi peta, dan kode berwarna biru untuk lebar peta yang akan ditampilkan.

Dan tambahkan kode berwarna piru muda, agar tampilan peta lokasi berada persis ditengah dan nantinya akan secara otomatis responsive.

Nah, bagi kalian yang ingin belajar ngeblog mendapatkan uang, silahkan klik gambar dibawah ini, tutorialnya gratis. bayangkan gratis.




Bagaiaman? apakah tulisan ini bisa menjawab kebutuhan kalian utnuk memasang Peta Google Maps Responsive Di Blog? semoga saja bisa membantu dan happy blogging.

4 komentar untuk "Cara Mudah Pasang Peta Google Maps Responsive Di Blog"

  1. Keren kang oim, ini mungkin berguna banget, terutama buat yang main toko online, biar ora pada tau lokasi toko sebenarnya.

    BalasHapus
    Balasan
    1. Betul kang, sebenarnya Cara memasang Peta google mapas di blog ini sebagai tutorial pribadi, andai bisa bermanfaat untuk yang lain saya sangat bahagia

      Hapus
  2. saya belum pernah mencobanya kang kalau di blog, tapi kalau di wordpress udah pernah sih hehe

    BalasHapus
    Balasan
    1. nah, boleh tuh tau cara memang peta google maps di wordpress kang, bagi-bagi tutorialnya dong

      Hapus

Anda Mendapatkan Manfaat Dari Informasi Galeri Kitab Kuning? Tulis Komentar dengan Sopan, dan Tanpa memberi Link Aktif atau Non Aktif
Jangan Pakai Bahasa Yang Negative
Mohon maaf jika balasan kami telat, dan sesegera mungkin akan kami tanggapi.

Hormat Kami
Admin Galeri Kitab Kuning

close
Banner iklan disini