Home Blogging activity Ngeblog Itu Asyik . . . Bagaimana Menempelkan Peta Google Map di...

Ngeblog Itu Asyik . . . Bagaimana Menempelkan Peta Google Map di Artikel wordpress.com?

54

Bro sekalian, balik lagi kita di sekuel artkel Ngeblog itu Asyiiik . . . dan kali ini artikel ringannya akan mengetengahkan cara Menempelkan (embeded) Peta google Map di Artikel WordPress.com. Peta di WordPress.com sangat penting misalnya buat mas bro sekalian yang hobi menuliskan diary perjalanan turing roda dua, nanti bro bisa menggambarkan jalur jalur yang telah mas bro lewati dan mengilustrasikannya di Google Map sehingga pembaca bisa mengetahui secara tepat jalur mana yang dilalui . ..  tentu ini berguna banget, sharing jalur turing itu namanya . . . nah gimana caranya? sebenarnya cukup mudah . . . cekidot

Misalnya gini tmcblog mau menuliskan cara turing dari Sentul Ke Puncak namun untuk menghindari macet di ciawi . . . nggak lewat tajur Ciawi gadok , tapi lewat Bukit pelangi . . . tmcblog coba buat dulu jalurnya via google map seperti gambar di bawah ini

lalu setelah itu jika sudah selesai bro menentukan road mapnya . . . klik tanda/tombol link seperti gambar dibawah ini:

Lalu akan keluar menu popup berupa link seperti di bawah ini

Sorot lah link yang dimulai dari kode <iframe lalu copy . . . setelah itu Paste metadata ke kolom isi artikel seperti gambar di bawah ini

lalu bisa dipublish atau save

Setelah itu kode yang bermula dari <iframe akan berubah menjadi

Nah Jika mas bro melihat secara Visual via tombol Preview di kiri atas atau Preview Post diatas maka gambar peta akan terlihat seperti di bawah ini . . .

[googlemaps https://maps.google.com/maps?f=d&amp;source=s_d&amp;saddr=Jalan+Sirkuit+Sentul,+Sentul,+Jawa+Barat,+Indonesia&amp;daddr=Jalan+tak+dikenal+to:Jalan+tak+dikenal+to:Jalan+tak+dikenal+to:Jl.+Cipayung+Girang&amp;hl=id&amp;geocode=FQNZnP8de3deBikzh37bJMFpLjHVtaGqXCi57A%3BFcQ7nP8d6nNeBg%3BFd7Zm_8d8pheBg%3BFebJmv8dvc5eBg%3BFfV9mv8dqrFeBg&amp;aq=0&amp;oq=jl+cipayung&amp;sll=-6.648836,106.876459&amp;sspn=0.043394,0.084543&amp;mra=dme&amp;mrsp=4&amp;sz=14&amp;ie=UTF8&amp;ll=-6.633234,106.896286&amp;spn=0.043394,0.084543&amp;t=m&amp;output=embed&w=425&h=350]

Gimana? Mudah Tho? . . . silahkan dikunyah kunyah dan dicoba . . . semoga Berguna

taufik of BuitenZorg

Bacaan Lebih lanjut : Embedding a Google Map

54 COMMENTS

  1. sebagai pengguna mobile browser, saya nggak setuju jika di setiap page artikel blog muncul google maps. Menuh menuhin halaman, kadang tampilannya lebih besar daripada artikelnya. Belum kalo komentarnya rame. Tapi masih mending komentar karena berupa text, darpada map yang berupa file image.
    Kalau emang mau pasang gmaps sebaiknya berupa link saja.

  2. s0erya pada September 23, 2013 pada 7:28 am
    klo mbuat jalur sendiri/ jalan alternatif lain
    gimana mbah?
    :::::.:.:.:.:::::
    Mbahmu?

  3. @38. wisnu3ds
    maksute gimana mas bro? kan memang default nya githu, halaman terdepan adalah halaman terbaru

    @48. fransisco
    widget blog stats di wp.com sudah disediakan khusus mas bro, dan menurut beberpa ahli cara perhitungannya beda banget sama cara perhitungan seperti awastats dan lain lain . . . so nggak bisa di samakan head to head 😉

    @46. kacer
    sepetinya mobil survei /pemetaan google mas bro

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Exit mobile version