Pasang Google Maps di Blog

Akhir-akhir ini jejaring sosial berbasis lokasi mulai banyak digandrungi di Indonesia. Mulai dari pemain lokal macam Koprol.com yang beberapa minggu kemarin sukses diakuisisi oleh Yahoo! sampai buatan orang bule ini, Foursquare.com. Nah kebanyakan dari web-web berbasis lokasi tersebut ternyata menggunakan API Google Maps untuk tampilan mapsnya.
Nah kali ini saya tidak akan membahas lebih jauh tentang jejaring sosial berbasis lokasi tersebut. Melainkan akan memberikan sedikit tips tentang cara mudah menampilkan maps Google ke dalam blog ataupun website kita :). Pertama, masuk dulu ke situs Google Maps kemudian masukkan keyword nama lokasi yang ingin kita tampilkan mapnya. Sebagai contoh saya inputkan “Diva”.
Setelah muncul mapnya seperti di bawah ini, alihkan perhatian ke pojok kanan atas halaman web yang terdapat menu “Link”. Klik pada menu tersebut dan copypaste kode iframe ke halaman blog/website.
Jika kurang puas dengan tampilan maps tersebut, bisa disetting ulang dengan cara klik menu “Sesuaikan dan pratinjau peta terlampir”. Selanjutnya tinggal kita pilih ukuran maps sesuai dengan selera. Untuk zooming map bisa dilakukan dengan cara klik pada menu (+) dan (-). Sedangkan untuk tampilan mapnya bisa dipilih dalam bentuk map sederhana ataupun pandangan satelit. Langkah terakhir, copypaste kode hasil generate tersebut ke blog/website kamu.




Langkah-langkah  Memasang di blognya
        1. Login ke Blog . atau Klik Dini
        2. Setelah Masuk di Dashboard (Dasbor) Klik layout (Rancangan)
        3. Seletalah itu pastikan berada di tap page element (elemen laman)
        4. Seletah itu klik Add a gadget (Tambah Gadget)
        5. kemudian Klik tanda plus (+) pada HTML/JavaScript
        6. kemudian paste kode yang sudah di copy sebelumnya. 
        7. Trakhir Klik Simpan.dan pada pojok kanan atas ada Klik Simpan Juga.
        8. Pesangan Google Maps sudah Selesai, dan tampilannya seperti gambar di bawah ini
 Selamat Mengerjakan, semoga berhasil.
sumber : Zawa 

No comments

Isilah komentar disini...

Powered by Blogger.