Cara Sematkan Lokasi Google Map di Postingan Blog AMP


Cara menyisipkan lokasi google map di postingan blog

Cara memasukkan Lokasi google map di postingan blogger - memiliki website atau blog kurang lengkap bila tidak ada lokasi pemilik dari situs tersebut. Memang sebagian blog tidak memasang lokasi Google Map di blognya mungkin mereka memiliki alasan tersendiri, tapi bagi anda yang memiliki website / blog untuk usaha, lokasi Google Map memang sangat dibutuhkan fungsinya untuk mengetahui keberadaan tempat usaha produk yang Anda kelola.

Baca juga : 

Keuntungan memasang lokasi Google Map pada situs yang kita miliki adalah untuk memudahkan pengunjung yang datang ke situs untuk mencari info lokasi di mana alamat usaha tersebut berada. Tidak hanya untuk website atau blog yang bergerak di bidang usaha saja, terkadang ada beberapa blog terkenal mereka meletakkan lokasi alamat Google map pada blognya.

Bagi anda yang memiliki blog dan ingin memberi lokasi google map pada postingan sangatlah mudah, Berikut caranya :
  1. Masuk ke google map melalui PC/Leptop 
  2. Kemudian klik dimana lokasi yang ingin anda sematkan
  3. Setelah lokasi pilihan sudah di dapat kemudian akan muncul menu di sebelah kiri, pilih bagikan
  4. Lalu pilih Bagikan 
  5. Pilih Sematkan Peta
  6. Sesuaikan ukuran yang anda inginkan
  7. Kemudia Copy code tepat berada di atasnya 
  8. Paste kan kode tersebut pada postingan blog menggunakan metode HTML
  9. Pertinjau postingan terlebih dahulu, jika google map muncul, berarti anda berhasil menerapkannya, jika belum silahkan ulangi tahap dari awal.
Itulah cara meletakkan lokasi google map pada postingan blog, Sekarang caraa.id akan memberi tips bagaimana cara memasang lokasi google map pada postingan blog AMP :

Pastikan dahulu kode berikut tertanam di template AMP blogger ang anda miliki :
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
Setelah kode di atas anda terapkan kemudian :
  • Ikuti langkah di atas dari 1-7
  • Setelah itu paste kan kode di notepad untuk memilah URL Lokasi
  • Copy kode dibawah ini, kemudian pastekan pada postingan blog dengan metode HTML
<amp-iframe
width="200"
height="100" s
andbox="allow-scripts allow-same-origin"
layout="responsive"
src="PASTE URL DISINI"> </amp-iframe>

  • Ganti PASTE URL DISINI dengan URL lokasi google map yang ada pada notepad tadi
  • Lakukan perinjauan untuk memastikan lokasi google map sudah benar atau belum.

Ini Contoh Lokasi Google Map Pada Postingan Blog AMP

Itulah cara memasang lokasi google map pada postingan blog AMP dan Non AMP. Jika tahap di atas sudah anda terapkan namun belum berhasil, silahkan komen melalui komen disqus dibawah. Dan jangan lupa like fanspage kami dan share artikel ini jika bermanfaat. Terimakasih telah berkunjung, Salam Blogger... :)
Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel