Tutorial Membuat Post Embed Twitter Pada Blog AMP

Berikut ini tentang embed code twitter, cara embed twitter pada halaman postingan amp template tidak jauh berbeda dengan cara embed instagram, hanya saja file atau kode yang perlu di pasang berbeda satu sama lain. Karena pada embed twitter kali ini kita akan mengambil ID dari url twitter tersebut, sebagai contoh httpshttps://twitter.com/darwinisrin/status/840215095078662146, seperti yang sobat bisa lihat maka kita hanya perlu menyalin kode ID 711382395778367488 yang akan kita gunakan pada data-tweetid.

Berikut langkah-langkah embed twitter pada halaman postingan AMP Template.
Bacra juga :Tutorial Membuat Post Embed Instagram Pada Blog AMP
1. Salin dan letakan kode berikut ini sebelum tag

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

2. Berikutnya silakan sobat salin kode dibawah ini dan letakan pada halaman postingan pada AMP Template sobat.
Gunakan kode ini jika sobat ingin menampilkan gambar

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

Gunakan kode ini jika sobat ingin menyembunyikan gambar

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

Baca juga : Cara Embed Status dan Video Facebook di Blog dengan AMP HTML

3. Silahkan ganti data-tweetid 840215095078662146 dengan milik sobat sendiri atau data ID tweet yang lainnya. Hasilnya akan nampak seperti contoh dibawah ini;

MENAMPILKAN GAMBAR
MENYEMBUNYIKAN GAMBAR