X

Cara Memasang Soundcloud di Postingan AMP Blogspot

Cara memasukan atau mengembed track mp3 dari soundcloud ke dalam situs atau blog AMP, pertama-tama Anda harus memasukan tag "amp-soundcloud" pada template AMP.

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>, selanjutnya login atau sign up ke situs soundcloud.com
Silahkan cari lagu kegemaran Anda, jika sudah ketemu, selanjutnya klik tombol "share" maka akan muncul jendela pop up pilih menu "embed" lalu copy code dengan awalan <iframe.....   </iframe>

Copy kode tersebut dan pastekan pada notepad, periksa 8 digit nomor track ID seperti di bawah ini:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/191477804&amp;color=ff5500&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

Masuk ke halaman posting pilih mode HTML, copy code embed Soundcloud di Postingan AMP Blogspot dibawah ini
<amp-soundcloud height="450"
    layout="fixed-height"
    data-trackid="191477804"
    data-visual="true"></amp-soundcloud>
Silahkan ganti no track ID dengan 8 digit nomor kode track soundcloud.

Selanjutnya silahkan preview jika sudah ok.silahkan di publish.

Demo