Cara Memasang Google Maps di Blog Valid AMP

Pembahasan Artikel BabaKBeluR.com kali ini, Cara Memasang Google Maps di Blog Valid AMP

Bagaiama cara psang Lokasi Google Map di postingan blogspot anda tentungya dalam memiliki website atau blog pasti kurang lengkap bila anda tidak menampilkan lokasi pemilik dari situs tersebut.

Beberapa Blogger juga tidak semua memasang lokasi Google Map di blognya, itu mungkin dalam hal ini mereka memiliki alasan tersendiri, Apa keuntungan anda memasang Google Map di blog atau website anda tentunya adalah agar situs anda sendiri khususnya yang memiliki usaha secara online ataupun online dapat dengan mudah ditemukan oleh pelanggan anda, dan selain itu guna untuk meningkatkan rasa kepercayaan pelanggan terhadap apa yang anda usahakan atau jual.
Dan untuk anda yang memiliki blog/ website dengan kategori usaha tentunya dan ingin memberi lokasi google map pada postingan agar mudah dicari oleh pelanggan anad sangatlah mudah, Berikut adalah cara dan tahapannya:

Google Maps Valid AMP

Langka Pertama anda Masuk ke google map DI SINI

Kemudian klik atau tuliskan dimana lokasi usaha anda berada

Setelah lokasi sudah anda pilih kemudian akan muncul menu di sebelah kiri

Lalu pilih Bagikan

Kemudian anda Pilih Sematkan Peta

Sesuaikan ukuran yang akan anda inginkan

Kemudia copy kode tersebut di notepad (jangan lupa cupy link URL Google Maps yang sudah anda tandai tadi)

Jika anda sudah menemukan link kode yang akan anda sematkan sekarang adalah tips bagaimana cara memasang lokasi google map pada postingan blog AMP anda

Recommended Author





Pastikan dahulu kode JS dibawah ini tertanam di template AMP blogger yang anda miliki carilah kode seperti di bawah ini:

Spoiler:

Hint


<head> atau &lt;head&gt;

Lalu paste kode JS berikut yang anda pasang tepat di bawah kode tadi.

Spoiler:

Hint


<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

Setelah kode di atas anda terapkan, lalu kemudian anda membuka halaman atau postingan yang akan anda tampilkan dari google map tersebut. Dan paste kan kode tersebut pada postingan blog menggunakan metode HTML, berikut adalah kode yang akan anda Paste di dalam postingan atau halaman anda

Spoiler:

Hint


<amp-iframe
width="200"
height="100" 
sandbox="allow-scripts allow-same-origin"
layout="responsive"
src="Link_URL"> </amp-iframe>

Lihat terlebih dahulu hasil dari kode tersebut, jika google map muncul, berarti anda berhasil menerapkannya.

Note: Ganti Link_URL yang ditandai dengan URL lokasi google map yang ada pada notepad anda tadi

Demikian artikel tentang Cara Memasang Google Maps di Blog Valid AMP semoga artikel ini dapat bermanfaat dan jangan lupa anda membaca artikel lainya tentang Cara Membuat Sitemap Otomatis di Blogger Valid AMP DI SINI
Related Keyword: cara memasukkan google map ke html, cara memasang embed di blog, widget map untuk blog, cara embed google map ke website, menampilkan google map, cara menampilkan maps, cara pasang maps di website, cara menambahkan peta lokasi di blog
Your Reaction:
Your Reaction