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://ia801402.us.archive.org/16/items/EDIS-SRP-0197-06/EDIS-SRP-0197-06.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.

  4. Selesai


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

Untuk contoh, saya berikan hasilnya di bawah ini:



Semoga yang sedikit ini bermanfaat, Aamiin!

Post Terkait:

Open Comments Close Comments

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Learn more