Skip to main content

Cara Memasukan Video Youtube ke Postingan AMP (Blogger)

Hallo semuanya, di tutorial kali ini ane mau berbagi cara yang simple saja tentang blog amp atau di sebut dengan Accelerated Mobile Pages yaitu cara menambahkan atau memasang video youtube di halaman artikel postingan blog agar orang tau yang lebih jelasnya untuk menyimak sebuah tips tentang artikel di postingan blog dari video tersebut.

Menambahkan video dari youtube ke blog amp pastinya harus tau dari kode html atau javascriptnya di template blog sudah ada komposisinya atau belum.

Seperti contoh kita mau memasang gambar atau video di blog amp pasti harus ada file file nya ataupun alamat urlnya agar bisa tampil di blog, begitu pula dengan menambahkan video youtube ke blogger.

Cara Memasukan Video Youtube ke Postingan Blog AMP HTML

Nah, di awal agan semua yang harus di ketahui tentang kode pada template bawaan atau buatan sendiri menganai javascript, silahkan cek terlebih dahulu di template apakah sudah ada atau belum kode di bawah ini, namun jika belum silahkan copy dan pastekan kode javascriptnya di atas kode </head>

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

Jika sudah di letakan maka agan sudah berhasil untuk memanggil javascript video youtube ke blog amp html, untuk selanjutnya silahkan agan copy paste kode di bawah ini pada saat agan membuat artikel di post html.

<amp-youtube data-videoid="xxxxxxx" height="270" layout="responsive" width="480">
</amp-youtube>

Keterangan dari kode ;

- Untuk kode data video silahkan isi url dari video youtube agan seperti contoh gambar dibawah ini yang ane kasih kotak merah itu.

- Untuk layout ane sarankan isi responsive saja.
- Dan untuk height dan width (tinggi lebarnya) sesuaikan saja, tapi lebih baik ikuti saja layout responsivenya.

Begitulah cara mudah memasukan video dari youtube ke blog amp html, jika ingin posisi video berada di atas post, di footer maupun di sidebar tinggal sesuaikan saja kodenya dan letakan pada tata letak untuk lebih mudahnya, namun lebih cocok dan umumnya di bawah postingan.

Cukup sampai di sini tutorial cara menambahkan atau memasukan video youtube di postingan blog amp, semoga bermanfaat untuk semuanya dan terima kasih.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar