Free Blog Tutorial: Memasang Google Maps Dalam Postingan

Sering kali kita butuh menyisipkan peta untuk melengkapi suatu postingan yang merujuk pada suatu wilayah. Google maps menyediakan fasilitas peta untuk kita letakkan di halaman blog ataupun didalam postingan.

Caranya adalah sbb :

1. Buka Google Maps.
2. Masukkan keyword kota yang akan kita cari petanya.

3. Klik icon link
4. Copy script HTML dan letakkan didalam postingan.

Contoh scriptnya untuk pete kota Depok, Jawa Barat, ganti yang berwarna merah dengan ukuran yang disesuaikan dengan luas postingan.

<iframe width="300" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.id/maps?f=q&source=s_q&hl=id&geocode=&q=Depok,+Jawa+Barat&aq=0&oq=depok&sll=-2.550221,118.015568&sspn=51.71349,56.513672&ie=UTF8&hq=&hnear=Depok,+Jawa+Barat&t=m&z=12&ll=-6.39,106.83&output=embed"></iframe><br /><small><a href="http://maps.google.co.id/maps?f=q&source=embed&hl=id&geocode=&q=Depok,+Jawa+Barat&aq=0&oq=depok&sll=-2.550221,118.015568&sspn=51.71349,56.513672&ie=UTF8&hq=&hnear=Depok,+Jawa+Barat&t=m&z=12&ll=-6.39,106.83" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>

Hasilnya seperti dibawah ini.

Lihat Peta Lebih Besar

Get This