Cara Menyematkan/Menampilkan Maps/Peta pada Postingan di Blogspot

Membuat blog semakin menarik dengan menampilkan peta atau google maps pada postingan kita di Blogspot. Berikut KangUky bahas Cara Menyematkan/Menampilkan Maps/Peta pada Postingan di Blogspot. Bahasan mengenai cara menyematkan maps di postingan blogspot ini mungkin sudah banyak di bahas oleh temen - temen blogger lainnya. Tapi mungkin juga masih ada temen - temen nuwbie seperti saya ini yang baru mengetahuinya.

Ini biasanya di butuhkan oleh temen - temen blogger yang suka travelling atau bepergian dan suka mengabadikan lokasi - lokasi yang pernah di kunjunginya, biar berkesan dan bisa buka kembali kalo suatu saat lupa lokasinya hehe..

Berikut ini langkah - langkah untuk menyematkannya:

Pertama, buka http://maps.google.co.id . Ini kalo lokasi yang akan kita sematkan berlokasi di Indonesia ya gaes.. yang luar negeri atau manapun juga bisa dink hehee..

Kedua, Ketik lokasi pada kolom pencarian

Di atas KangUky contohkan akan menandai Artos Mall Magelang. Secara KangUky pernah maen - maen ke Artos Mall magelang hehee.. Nah tinggal ketik aja lokasi yang akan temen - temen tandai.

Ketiga, setelah lokasi sudah tertandai secara otomatis oleh google pasti ada pin merah oleh google. Perlu kalian ketahui ya gaes semua lokasi / tempat umum biasanya sudah terdeteksi oleh google. Anda juga bisa menempatkan pin merah tersebut sesuai keinginan kalian sendiri. Nah, kalau lokasinya sudah tepat sesuai yang kalian kehendaki selanjutnya klik setting di bagian kanan bawah dan klik share and ambed maps seperti pada gambar di bawah ini. 

Mudah kan gaes, sampai di sini KangUky yakin tidak ada yang menemui kendala. lanjut ke langkah keEmpat.

Keempat, setelah kita klik Share and embed map akan muncul seperti gambar di bawah ini 

Pilih tab Embed map, kemudian pilih ukuran map yang akan di tampilkan, kalo KangUky sih pilih yang small aja gaes biar tidak terlalu memenuhi halaman posting. Setelah kita menentukan ukuran kemudian Copy kode HTML nya. Udah gaes copy aja itu semua kode HTML yang berawal ada kata iframe blablabla itu.Kode HTML itulah yang kita pakai pada postingan.

Ini gaes ini kode HTML yang KangUky copy dari lokasi yang KangUky pilih:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6932.665549006929!2d110.2225534489036!3d-7.50528625636781!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e7a8f300e429751%3A0xdcc5039f57f46f63!2sArmada+Town+Square!5e1!3m2!1sen!2sid!4v1415801484115" width="400" height="300" frameborder="0" style="border:0"></iframe>

Masuk di postingan gaes pilih menu html seperti gambar di bawah ini ya

Tempel / Paste kode yang sudah kalian copy tadi pada halaman html itu.

hasilnya akan seperti ini:

Nah, mudah sekali kan gaes. Sekian KangUky uraikan Cara Menyematkan/Menampilkan Maps/Peta pada Postingan di Blogspot. Semoga bermanfaat yahh.. ;) (y)