Don't Show Again Yes, I would!

Cara memasang Video Youtube Dan Facebook Di Postingan Blog AMP

Cara memasang Video Youtube Dan Facebook Di Postingan Blog AMP

Selain untuk menambah keindahan blog atau web, maka kita dapat memasang video youtube dan facebook ke dalam artikel kita. Tapi bagaimana agar bisa embed video tersebut tapi tetap valid amp?

Adanya video dalam artikel blog tentu sangat membantu bagi visitor atau pengunjung dalam mencerna isi artikel kita, apalagi kalau blog kalian memiliki tema tutorial, tentu sebuah video bisa membantu pengunjungnya.

Untuk memasukan video dari youtube atau facebook sebenarnya tidak terlalu sulit, hanya saja perlu dalam Mode HTML saat memasukan videonya.

Cara Memasang Video Youtube Ke Postingan Blog AMP

1. Pasang kode js atau javascript dibawah ini, jika sudah silahkan abaikan
Kode kotak amp:

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

2. Silahkan sisipkan kode dibawah ini di dalam postingan mode HTML

<amp-youtube data-param-list='xxxxxxxxxxxxxxxxx' data-param-listType='playlist' data-videoid='xxxxxxxxxx' height='270' layout='responsive' width='480'/>

3. Ganti kode ID video Youtube yang pertama di kasih tanda tebal dengan kode channel youtube kalian

4. Ganti kode ID video Youtube yang di kasih tanda tebal

5. Silahkan sesuaikan ukuran height (tinggi) dan width (lebar) sesuai dengan ukuran yang kalian inginkan.

6. Selesai

Cara Memasang Video Facebook Ke Postingan Blog AMP

1. Pasang kode js atau javascript dibawah ini, jika sudah silahkan abaikan

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

2. Silahkan sisipkan kode dibawah ini di dalam postingan mode HTML

<amp-facebook 
data-embed-as="video"
data-href="https://www.facebook.com/MasterDIYcrafT/videos/505387263346393/"
height="315"
width="560"
layout="responsive">
</amp-facebook>

3. Ganti kode url video Facebook yang di kasih tanda tebal

4. Silahkan sesuaikan ukuran height (tinggi) dan width (lebar) sesuai dengan ukuran yang kalian inginkan.

5. Selesai

Itulah cara memasang Video Youtube dan Facebook ke dalam postingan AMP. Apabila masih kurang detail, mohon dimaafkan, karena keterbatasan ilmu saya. Semoga bermanfaat.

Share:

Mangaip

Halo perkenalkan nama saya Mangaip. Saya merupakan konten kreator, influencer, dan penulis di blog ini. Jangan lupa ikuti kami di Google News. Gabung juga ke channel Telegram untuk mendapatkan terbaru Gabung Telegram ya Bestie!

Leave a Reply

Your email address will not be published. Required fields are marked *