Menampilkan atau mendengarkan musik dari Sound cloud di blog Amp kesayangan anda bisa dilakukan dengan cara memasang kode embed Sound Cloud Music, tentunya jika kita bisa mendengarkan musik dari blog kesayangan bisa menambah suasana semakin ceria atau sebaliknya jadi sedih! hehehe karena yang didengar musik sedih boss... biar ga sedih dengerin musik yang menghentak ya, mantap tuh!.

Nah jika pada postingan sebelumnya saya pernah membahas Cara Membuat Papan Notifikasi di Blog Amp, maka kali ini kita akan coba memasang Sound Cloud Music Pada Blog Amp kita.


Untuk melakukan semua itu, yang perlu dilakukan adalah:


1. Salin kode dibawah ini dan letakan sebelum tag </head>

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

2. Lalu Save Template.

3. Kemudian buatlah sebuah postingan dan sisipkan kode di bawah ini kedalam postingan anda tersebut pada HTML mode.

Tampilan 1


<amp-soundcloud height="167"

      layout="fixed-height"
      data-trackid="79973942">
</amp-soundcloud>


Tampilan 2


<amp-soundcloud height="450"

      layout="fixed-height"
      data-trackid="79973942"
      data-visual="true">
</amp-soundcloud>

4. Terakhir Publikasikan postingan anda dan lihat hasilnya.

Keterangan:

Untuk mendapatkan data-trackid="79973942" anda terlebih dahulu harus mengunjungi, situs Sound Cloud di https://soundcloud.com, lalu pilihlah music kesukaan anda dan pada bagian bawah dari tampilan bar music silahkan klik tombol share, lalu pilih Embed, maka akan di dapat kode seperti dibawah ini.

Contoh kode Embed:

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

Dari contoh kode embed diatas anda cukup mengambil kode angka yang sudah saya higtlight 79973942M

Demonya silahkan mainkan music dibawah ini

Tampilan 1




Tampilan 2





Demikian sedikit tutorial cara memasang atau embed kode dari Sound Cloud pada Halaman blog Amp, selamat mencoba dan semoga bermanfaat.

Share this:

YOU MIGHT ALSO LIKE

Related Posts

Show Disqus Comment Hide Disqus Comment

Disqus Comments