Cara memasang soundcloud di dalam postingan valid AMP

- 5:18 AM
Sebelumnya sudah kita bahas bagaimana cara mengembed atau memasukan soundcloud di dalam postingan blog,nah kali ini saya akan membahas hal sama cuma bedanya kali ini untuk versi AMP.
Pada dasarnya ketika kita ingin memasukan atau mengembed mp3 dari soundcloud itu seperti halnya ketika kita ingin mengembed facebook atau youtube ke dalam situs atau blog AMP,dan pertama-tama sobat harus memasukan tag "amp-soundcloud" pada template AMP sobat.
Silah copy paste code di bawah ini :

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

Letakan di dalam tag head,biasanya pada template amp akan banyak tag amp-coustom seperti kode tersebut.
jika sudah,mari kita lanjutkan tutorial selanjutnya.
1-silahkan login atau sign up ke situs soundcloud.
2-silahkan cari lagu kegemaran anda.
3-jika sudah ketemu,silahkan klick "share" nanti akan muncul kata "embed" lalu klik nanti akan ada code dengan awalan <iframe.....

4-silahkan copy kode tersebut dan pastekan pada note.
5-disitu nanti akan ada 8 digit no track ID seperti di bawah ini:
Copy dan simpan No track ID tersebut untuk melanjutkan langkah selanjutnya.
6-agar soundcloud yang anda embed menjadi valid amp silahkan gunakan kode di bawah ini:
<amp-soundcloud height=657
    layout="fixed-height"
    data-trackid="243169232"
    data-visual="true"></amp-soundcloud>

Silahkan ganti no track ID yang saya warnai merah,dengan no kode yang sobat dapatkan di step no 5.

7-Setelah itu letakan kode tersebut pada postingan amp sobat,untuk letaknya silahkan sesuaikan dengan keinginan sobat dan jangan lupa postingan tetap dalam mode html.
8-jika semua sudah beres silahkan preview jika sudah ok.silahkan di publish.
untuk demo silahkan klick link di bawah ini:

demikianlah cara memasang soundcloud di blog valid AMP.Jika ada pertanyaan silahkan tulis di kolom komentar.

Sebelumnya sudah kita bahas bagaimana cara mengembed atau memasukan soundcloud di dalam postingan blog,nah kali ini saya akan membahas hal sama cuma bedanya kali ini untuk versi AMP.
Pada dasarnya ketika kita ingin memasukan atau mengembed mp3 dari soundcloud itu seperti halnya ketika kita ingin mengembed facebook atau youtube ke dalam situs atau blog AMP,dan pertama-tama sobat harus memasukan tag "amp-soundcloud" pada template AMP sobat.
Silah copy paste code di bawah ini :

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

Letakan di dalam tag head,biasanya pada template amp akan banyak tag amp-coustom seperti kode tersebut.
jika sudah,mari kita lanjutkan tutorial selanjutnya.
1-silahkan login atau sign up ke situs soundcloud.
2-silahkan cari lagu kegemaran anda.
3-jika sudah ketemu,silahkan klick "share" nanti akan muncul kata "embed" lalu klik nanti akan ada code dengan awalan <iframe.....

4-silahkan copy kode tersebut dan pastekan pada note.
5-disitu nanti akan ada 8 digit no track ID seperti di bawah ini:
Copy dan simpan No track ID tersebut untuk melanjutkan langkah selanjutnya.
6-agar soundcloud yang anda embed menjadi valid amp silahkan gunakan kode di bawah ini:
<amp-soundcloud height=657
    layout="fixed-height"
    data-trackid="243169232"
    data-visual="true"></amp-soundcloud>

Silahkan ganti no track ID yang saya warnai merah,dengan no kode yang sobat dapatkan di step no 5.

7-Setelah itu letakan kode tersebut pada postingan amp sobat,untuk letaknya silahkan sesuaikan dengan keinginan sobat dan jangan lupa postingan tetap dalam mode html.
8-jika semua sudah beres silahkan preview jika sudah ok.silahkan di publish.
untuk demo silahkan klick link di bawah ini:

demikianlah cara memasang soundcloud di blog valid AMP.Jika ada pertanyaan silahkan tulis di kolom komentar.