Cara Pasang Video Youtube di Blog Template AMP Platform Blogger

Pemasangan video dalam blog dapat menjadi pemanis maupun penjelas konten yang dipublikasikan. Akan tetapi blogger pemula merasa kebingungan dalam menambah atau menampilkan video ke dalam postingannya. Ditambah template yang mereka gunakan merupakan versi AMP (Accelerate Mobile Pages). Dari situlah alasan saya membuat artikel tutorial ini.

Ikuti langkah-langkahnya berikut ini dalam memasang video youtube yang Valid AMP di blog pribadi kita:

1. Copy paste kode ini ke bagian <head> ... </head> HTML edit Template:
<script async="async" custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
Namun jika ternyata sudah ada, langsung menuju ke step berikutnya.

2. Copy paste kode embed video youtube yang sudah valid AMP ini ke bagian HTML postingan, sidebar, atau homepage:
<amp-youtube
data-videoid="bXx8jLM68uA"
layout="responsive"
width="480"
height="270">
</amp-youtube>
Jika sudah, rubah kode data-videoid dengan kode video kalian, untuk mendapatkan kodenya lihat tulisan yang saya tebalkan pada url berikut: https://www.youtube.com/watch?v=VNlXBaka5_Y. Serta, rubah width dan height sesuai ukuran template blog kalian.

3. Sebelum dipublikasikan, silakan Pratinjau dahulu.


Berhubung template blog andisyam ini sudah valid AMP, maka contoh hasilnya adalah sebagai berikut:


Informasi Tambahan! Awal proses saat membuka halaman postingan akan muncul gambar cover atau thumbnail video tersebut, namun kemudian akan terenskripsi menjadi sebuah video yang dapat diputar (di-play).

Baca juga:

Sebenarnya jika kalian menuju situs ampproject.org, maka mudah bagi kalian untuk belajar mengedit atau menerapkan tutorial yang ada di sana untuk membuat template Valid AMP (no error).

Semoga bermanfaat, Amin!

Related Posts →


Open Disqus Close Disqus

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Blogger Cookies