Cara embed status facebook dan video di AMP HTML

BLOG MOBILE.


Kembali lagi pada postingan kali ini saya mau membuat tutorial cara embed status facebook,video,catatan,dan lain lain.
Sebelumnya saya jelaskan dulu untuk membuat embed facebook di AMP HTML kita cukup salin saja URL facebook nya yang mau di embed.

Langsung saja syarat utama untuk embed facebook di AMP HTML simpan kode berikut ini.
<script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
dan posting harus dalam mode HTML.
Berikut ini example embed facebook AMP.


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

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

HASILNYA
Keterangan
Silahkan ganti URL postsnya tergantung kebutuhan misalnya URL posts Catatan,gambar,tautan,dan video

More Posts


UNTUK MENAMPILKAN VIDEO
<amp-facebook width=552 height=310
    layout="responsive"
    data-embed-as="video"
    data-href="https://www.facebook.com/encepnurdin62/videos/1854940421461890/">
</amp-facebook>
Tambahkan data-embed-as="video" maka hanya tampil video saja dan responsive.

Comments

Untuk embed facebook komentar sisipkan juga kode AMP js berikut ini di tag HEAD
<script async custom-element="amp-facebook-comments" src="https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js"></script>


Mungkin hanya itu yang bisa saya sampaikan jangan lupa like PAGE facebook saya hehe HASILNYA
Bisa Dilihat Di Sistem Komentar Facebook Yang Saya Pake

blog views
Reactions:
Donate via PayPal

You Might Also Like:

ADD A COMMENT WITH YOUR FACEBOOK PLEASE WAIT FOR FACEBOOK COMMENT WILL SOON OPEN

ADD A COMMENT WITH DISQUS HIDE COMMENT

Disqus Comments

ADD A COMMENT WITH GOOGLE PLUS HIDE COMMENT

google Comments

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×