Cara Pasang Musik/Audio di Blog Blogspot Valid Template AMP

Apakah kalian ingin memasang fitur musik di blog dan valid template AMP?

Dalam postingan kali ini saya akan membantu kalian dalam memberikan tutorialnya. Ini mudah dan cepat dilakukan. Ikuti dengan runtut dan benar!

Komponen <amp-audio> hanya dapat digunakan untuk file audio HTML5 embeds

Cara Pasang Musik/Audio di Blog Blogspot Valid Template AMP


  1. Tambahkan kode berikut ke <head>... </head>
    <script async="async" custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>

  2. Copy kode berikut di bagian HTML postingan atau sidebar: 
    <amp-audio width="auto"
    height="50"
    src="https://yourhost.com/filename.mp3">
    </amp-audio>

    3. Rubah link audio pada src= dengan sumber audio yang ingin kalian pasangkan. Tidak perlu menambah kode layout="responsive", karena ini sudah otomatis responsif.

  3. Selesai


Nah, seperti itulah cara memasang audio/lagu pada template AMP agar valid.

Untuk contoh, saya berikan hasilnya di bawah ini:

Judul lagu: Kesayanganku
Penyanyi: Nona Noni


Disclaimer: Copyright lagu dipegang penuh oleh pemilik/pencipta/penyanyi aslinya.
Contoh di atas, saya menggunakan host situs archive.org untuk bisa mendapatkan source/src file .mp3. Untuk berapa lama umur kode src di situs archive.org saya tidak tahu.

ScreenShot atau bukti valid AMP

Semoga yang sedikit ini bermanfaat, Aamiin!
Label: