Cara Memasang Status dan Video Facebook Di Blog AMP

Kali ini saya akan membagikan bagaimana cara memasang status dan video facebook di template blog AMP cara dan tips blogger ini saya pelajari blog AMP kang ismet,

Langkah Pertama
Simpan JS ini di tag head, atau di JS template AMP anda, jika sudah ada lewati langkah ini.

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

Langkah Kedua 
Masukan kode dibawah ini pada mode posting HTML

<amp-facebook
width="552"
height="303"
layout="responsive"
data-href="https://web.facebook.com/mochamadridwankamil/posts/976990135786141">
 </amp-facebook>

Atau juga bisa menggunakan amp-iframe

<amp-iframe width="552"
      height="504"
      layout="responsive"
      sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups"
      frameborder="0"
      src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fweb.facebook.com%2Fdemangfedipages%2Fposts%2F742851122564885">
 </amp-iframe>

Layout yang support : fill, fixed, fixed-height, flex-item, nodisplay, responsive
Contohnya seperti dibawah ini.

Share :