Cara Mudah Pasang Peta Google Maps Responsive Di Blog
Cari Berita

Cara Mudah Pasang Peta Google Maps Responsive Di Blog

Senin, 28 November 2016

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.