Cara Pasang Maps Di Blog AMP HTML

Cara Pasang Maps Di Blog AMP HTML
Sekarang zamannya menggunakan teknologi amp html karena teknologi ini mulai berkembang pesat di kalangan blogger aktif maupun situs terkenal. Teknologi ini sebenarnya sudah dirilis sejak tahun 2016 kemarin kalau gak salah tapi masih banyak bug dan problem terhadap pengindexan di google. Namun, diawal tahun 2016 mulai terkenal dan sudah banyak website ataupun blog terkenal yang sudah beralih menjadi Amp Html.



AMP HTML sebenarnya sama saja seperti bahasa Html yang biasanya. Namun, blog atau web yang menggunakan amp html akan dipercepat tampilannya di versi mobile apalagi versi desktop. Saya juga awalnya pakai template Non Amp buatan Arlina Design tetapi saya tertarik untuk menggunakan Amp Html karena tertarik oleh blog punyanya mas adhy yaitu Kompiajaib. Langsung saya ubah blog saya ini menjadi Amp Html.
Di Amp Html sendiri banyak perubahan kode seperti Img jadi amp-img. Dari perubahan tersebut banyak script kode yang tidak berfungsi dengan sempurna seperti javascript maupun video youtube. Namun, saya akan menjelaskan tentang Cara Memasang Maps Di Blog.
Langkah-langkahnya sama seperti menyimpan kode script pada umumnya tapi maps biasanya diletakan di Halaman Statis About Us ataupun Contact Us yang berfungsi hanya untuk menunjukkan lokasi saja.

Baca Juga : Trik Membuat Page Navigation Number Ringan Di Blog                     5 Metode Mencari Inspirasi Menulis Blog

Untuk Demonya kalian bisa lihat dihalaman About Us Milik saya dibawahnya ada my location dengan menggunakan embed maps amp html.


Silahkan simak langkah-langkahnya..

1. Masuk ke blogger > Pilih Tabs Pages
2. Buat pages baru atau bisa mengedit pages yang sudah ada seperti kontak atau about.
3. Tambahkan script kode ini untuk menampilkan maps nya.
<amp-iframe frameborder="0" height="400" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7918.077271656825!2d108.2212229!3d-7.1215208!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x9964d395bf2196f!2sSimuiz.com!5e0!3m2!1sid!2sid!4v1483571219371" width="600">
  </amp-iframe>
4. Untuk URL mapsnya bisa kalian dapatkan di google maps dengan cara: cari lokasi kalian terus salin url nya dan masukkan kedalam kode yang saya beri warna.
5. Silahkan Save dan lihat hasilnya.

Demikian postingan kali ini tentang Cara Memasang Maps di Blog AMP HTML, mudah-mudahan tutorial ini dapat memberikan manfaat dan tentunya bisa berguna bagi orang yang ingin mengetahui lokasi anda.
Nb: kalau maps nya tidak muncul bisa berkomentar atau hubungi saya lewat halaman contact us, Insya Allah saya pasti membantu.

incoming search
Cara buat maps di amp html, embed maps di amp html, pasang maps amp html, cara agar maps tidak error amp html.

Anda Sedang Membaca Artikel Tentang Cara Pasang Maps Di Blog AMP HTML Dan Artikel Ini URL Permalinknya Adalah http://www.simuiz.com/2017/01/cara-pasang-maps-di-blog-amp-html.html, Saya Harap Artikel Ini Bisa Bermanfaat Bagi Anda Yang Membacanya.


You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser