gacerindo.com - setelah sebelumnya mamang memberikan toturial Cara Membuat Related Posts pada Sidebar Blogspot, mari kita bahas cara pasang playlist youtube pada blog AMP.
Kenapa seh mang harus embed youtube ke dalam postingan blog. Salah satu manfaatnya selain mempercantik blog, sobat juga bisa mencari traffic buat video youtube yang sobat miliki.
Apalagi buat blog yang isinya tutorial, pasti dengan ditambahkannya video youtube pada blog kita akan lebih bermanfaat bagi pengunjung.
Tutorial ini sebetulnya sudah banyak, tapi yang cukup susah yaitu menerapkannya pada blog yang valid AMP.
Langkah pertama yaitu sobat masuk dulu ke youtube yang sobat miliki.
Selanjutnya masuk ke mode html blog atau tata letak blog. Simpan kode dibawah pada widget html atau pada mode html blog.
<amp-iframe width="300"
height="241"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups"
frameborder="0"
scrolling="no"
layout="responsive"
allowfullscreen="allowfullscreen"
src="https://cdn.rawgit.com/KompiAjaib/kompi-html/43078338/youtube_list.html?list=PLAYLIST_ID&channelid=CHANNEL_ID">
</amp-iframe>
Silahkan ganti Playlist ID dengan Playlist Youtube sobat, seperti gambar dibawah ini:Selanjutnya ganti ID Channel dengan ID Channel youtube sobat, seperti pada gambar dibawah ini:
Kode yang mamang lingkari pakai kotak merah itu contoh ID Channel.
Silahkan ganti semua Playlist ID dan ID Channel dengan Playlis ID dan ID Channel youtube sobat.
Bagaimana cukup mudah kan?
Lalu bagaimana kode untuk Non AMP?
Membuat blog yang valid AMP itu memang cukup sulit, apalagi minim ilmu koding kayak mamang, tapi enaknya kalau blog yang sudah valid AMP akan mendapatkan nilai plus dari Google.
Nah, untuk memasukan Playlist pada blog non AMP, caranya hampir sama dengan diatas. Silahkan pastekan pada widget html postingan blog sobat.
<iframe width="300"
height="241"
frameborder="0"
scrolling="no"
allowfullscreen="allowfullscreen"
src="https://cdn.rawgit.com/KompiAjaib/kompi-html/43078338/youtube_list.html?list=PLAYLIST_ID&channelid=CHANNEL_ID">
</iframe>
Catatan:
Kode ini hanya berlaku untuk template yang berasal dari kompiajaib.com milik dari Kang Adhy Suryadi.
Selamat mencoba