Bismillah..
Sebelumnya Sudah saya posting bagaimana Cara Memasang Link Video ke blog Yang Valid AMP => Lihat Disini.
kali Ini kita bahas 3 Cara Memasang Video Facebook, Video Instagram Dan Video Twitter, Buat kalian yang mempunyai penggunjung blog yang Ramai, Tidak salahnya ke 3 cara ini kamu pasang diblog untuk meningkan viewer di video kalian, Langsung kita ke TKP :
1. Cara Pasang Video Facebook Ke Blog AMP
- Siapkan Link Video yang akan dimasukan ke Blog, Bisa kita ambil dari Video diberanda Atau di Fanfage Facebook, Contoh Link video saya dibawah Ini :
https://www.facebook.com/videosingkat/videos/250261733001898Link Diatas nantinya Akan saya pasang Ke blog saya atau Ke postingan blog, Terserah kita masu meletakkan dimana.
- Pasang Kode Script Ke Blog HTML kalian Letakan Diatas </Body> atau </head><!--
<script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>- Setelah Memasang Script diatas Selanjutnya Memasang Kode dibawah ini Dipostingan atau Di Sript HTML
<amp-facebook width="552" height="310" layout="responsive" data-embed-as="video" data-href="https://www.facebook.com/videosingkat/videos/250261733001898">
</amp-facebook>
Apabila vidio tidak muncul di blog seperti Tulisan ( Video Unavailable
This video may no longer exist, or you don't have permission to view it.) Itu artinya Video tersebut Privasinya belum dipublikasikan/ hanya bisa dilihat kepada yang mengikuti saja.
2. Cara Pasang Video Instagram Ke Blog AMP
- Siapkan Lyang akan dimasukan ke Blog, Bisa kita ambil dari Video diberanda Atau di Instagram, Contoh Link video saya dibawah Ini :
https://www.instagram.com/p/BHWSHzSDh_BLink Diatas nantinya Akan saya pasang Ke blog saya atau Ke postingan blog, Terserah kita mau meletakkan dimana.
- Pasang Kode Script Ke Blog HTML kalian Letakan Diatas </Body> atau </head><!--
<script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>- Setelah Memasang Script diatas Selanjutnya Memasang Kode dibawah ini Dipostingan atau Di Sript HTML
<amp-instagram data-shortcode="BHWSHzSDh_B" width="1" height="1" layout="responsive">
</amp-instagram>
Maka Hasilnya bisa kamu lihat di bawah ini :
Lanjut untuk cara ke 3,
3. Cara Pasang Video Twitter Ke Blog AMP
- Siapkan Lyang akan dimasukan ke Blog, Bisa kita ambil dari Video diberanda Atau di twitter, Contoh Link dibawah Ini :
https://twitter.com/BikarsCreative/status/1259663119636328471?s=01
Cara ke 3 ini Tutorialnya sama saja dengan cara ke 1 dan 2 , langsung saja Hanya saja cuma memasukan ID nya
- Pasang Kode Script Ke Blog HTML kalian Letakan Diatas </Body> atau </head><!--
<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>- Setelah Memasang Script diatas Selanjutnya Memasang Kode dibawah ini Dipostingan atau Di Sript HTML
<amp-twitter width="375" height="472" layout="responsive" data-tweetid="1259663119636328471?s=01">
</amp-twitter>
Untuk Cara-Cara Lain Seperti YOUTUBE / VIMEO / VINE Berikut ini Kode2nya :
4. Cara Pasang Video Youtube Ke Blog AMP
Scriptnya :<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
<amp-youtube width="480" height="270" layout="responsive" data-videoid="lBTCB7yLs8Y">
</amp-youtube>
5. Kode Html Video Vimeo Ke Blog Valid AMP
<script async custom-element="amp-vimeo" src="https://cdn.ampproject.org/v0/amp-vimeo-0.1.js"></script>
<amp-vimeo data-videoid="27246366" layout="responsive" width="16" height="9">
</amp-vimeo>
6. Kode Html Video Vine Ke Blog Valid AMP
<script async custom-element="amp-vine" src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>
<amp-vine width="400" height="400" layout="responsive" data-vineid="MdKjXez002d">
</amp-vine>
Tinggal kalian Ganti sendiri dengan Url masing-masing, Semoga Bermanfaat