Cara Embed Status Facebook Twitter Dan Instagram Pada Blog AMP HTML

Embed Status Facebook,Twitter,Instagram Untuk Postingan AMP HTML -Setelah Kemarin menerbitkan artikel Cara Embed Video Facebook Dan Youtube Untuk Blog AMP, Hari ini otomologi menerbitkan lagi artikel Cara Embed. Tetapi kali ini Cara Embed Status Facebook,Twitter Dan Instagram Untuk Blog AMP.Langsung saja ke Caranya di bawah ini

Cara Embed Status Facebook Untuk Blog AMP

Untuk Embed Satus Facebook pada blog AMP pertama-tama harus menaruh kode js ini pada tag Head

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

Setelah itu jika ingin Embed Status Facebook Di Postingan,Kita bisa mengunakan kode ini

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

Maka, hasil kode Embed Status Facebook diatas nanti kira-kira akan nampak seperti di bawah ini



Tulisan yang di tanda dengan warna kuning adalah URL status facebook-nya.Silakan ganti dengan URL yang kita inginkan

Cara Embed Status Twitter Untuk Blog AMP

Untuk Embed Status Twitter Untuk Blog AMPCara nya juga hampir sama.Letakkan dulu kode Js untuk Embed Status Twitternya di antara tag Head

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

Setelah itu jika ingin Embed Status Twitter Di Postingan,Kita bisa mengunakan kode ini

<amp-twitter width="400"
      height="492"
      layout="responsive"
      data-tweetid="850325854932541440">
  </amp-twitter>

Maka, hasil kode Embed Status Twitter diatas nanti kira-kira akan nampak seperti di bawah ini

Jika kita tidak ingin memunculkan gambar,Kita bisa mengunakan kode ini

<amp-twitter width="400"
      height="350"
      layout="responsive"
      data-tweetid="850325854932541440"
      data-cards="hidden">
  </amp-twitter>

Maka, hasil kode Embed Status Twitter Tanpa gambar diatas nanti kira-kira akan nampak seperti di bawah ini


Tulisan yang di tanda warna kuning adalah ID Data Twittanya.Silakan ganti dengan ID yang kita Sendiri

Cara Embed Status Instagram Untuk Blog AMP

Caranya sama dengan yang diatas,kode js untuk Embed Status Instagram Blog AMP,perlu di letakkan di antara tag Head.kodenya:

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

Setelah itu jika ingin Embed Status Instagram Di Postingan,Kita bisa mengunakan kode ini

<amp-instagram data-shortcode="BLmun31hMXw"
      width="400"
      height="400"
      layout="responsive">
  </amp-instagram>

Maka, hasil kode Embed Status Instagram diatas nanti kira-kira akan nampak seperti di bawah ini


Tulisan yang di tandai pakai warna kuning adalah shot cut kodenya.Silakan ganti dengan kepunyaan kita sendiri

SHARE

Related Posts