Cara Memasang Status Twitter Dan Foto atau Video Di Blog AMP



Hallo sobat Blogger pada kesempatan kali ini saya akan memberikan tutorial lagi buat kalian semua, pada artikel sebelumnya saya telah memberikan tutorial Cara Memasukkan Foto atau Video Di Instagram.

Kita pasti tau kalau blog AMP ini menggunakan kode khusus yang di berikan oleh devoloper jadi tidak sembarangan asal edit atau memasukan kode nya di dalam artikel.

Seperti halnya tutorial kali ini saya akan memberikan tutorial lagi buat kalian semua pada artikel sebelumnya saya telah memberikan Cara Memasang Foto Atau Instagram Di Blog AMP. 

Jika kalian ingin mengetahui tutorial ini simak artikel kali ini sampai akhir.

Cara Memasang Status Twitter Atau Tweet Pada Blog AMP.

Untuk pertama kali yang harus kalian lakukan adalah memasukan kode berikut ini di atas kode </head> agar berfungsi di artikel. 
<script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>
Setelah itu kalian harus melakukan langkah berikut ini :
  • Silakan akses twitter di PC atau smartphone kalian.  Kemudian klik tombol icon Dropdown pada tweet kalian ini tidak usah log in juga tidak apa yang penting kita ambil embed nya. 
  • Setelah itu pilih Salin Tautan Tweet.
Maka kita hanya mengambil url tweet tadi jadi seperti inihttps://twitter.com/MotoGP/status/931148599139827712  Yang kita butuhkan disini hanya ID twitter nya aja seperti yang saya tandai.

Untuk memasukkan tweet saja kalian harus memasukkan kode berikut ini.
<amp-twitter
      data-tweetid="931148599139827712"
      width="400"
      height="350"
      layout="responsive">
  </amp-twitter>
Sedangkan jika kalian ingin menyisipkan foto atau video ke dalam blog bisa gunakan kode berikut ini.
<amp-twitter
      data-tweetid="931148599139827712"
      width="400"
      height="350"
      layout="responsive"
      data-cards="hidden">
  </amp-twitter>
Nah semoga bermanfaat buat kalian semua yang pemula di dunia Blogger selamat mencoba. Artikel ini saya dapat dari blog bungfrangki.com dan saya tulis ulang di blog saya ini bukan copy tapi di rewhait. 


Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser