Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Cara Embed Status dan Video Facebook di Blog dengan AMP HTML

Untuk menampilkan status atau Video Facebook ke Blog, syarat utama simpan JS ini di tag head

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

Contoh kode untuk menampilkan postingan / Status Facebook

<amp-facebook width="552"
      height="303"
      layout="responsive"
      data-href="https://www.facebook.com/zuck/posts/10102593740125791">
</amp-facebook>

Layout yang support: fill, fixed, fixed-height, flex-item, nodisplay, responsive



Untuk menampilkan Video Facebook

  <amp-facebook width="552"
      height="310"
      layout="responsive"
      data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
  </amp-facebook>



Tambahkan data-embed-as="video" maka hanya tampil video saja dan responsive.

<amp-facebook width="552"
      height="310"
      layout="responsive"
      data-embed-as="video"
      data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
</amp-facebook>


 
-->