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.

  4. 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


Lirik:

dengarlah cinta
hatiku remuk redam
jika tak ada kamu
menemani aku

dengarlah cinta
ku memanggil namamu
di setiap malamku
ku memikirkan kamu

aku sepi, sepi, sepi, sepi
jika tak ada kamu
aku mati, mati, mati, mati
jika engkau pergi

dengarlah kesayanganku
jangan tinggalkan aku
tak mampu.. jika ku tanpamu

dengarlah kesayanganku
hidup matiku untukmu
ku mohon.. pertahankan aku

dengarlah cinta
hatiku remuk redam
jika tak ada kamu
menemani aku

dengarlah cinta
ku memanggil namamu
di setiap malamku
ku memikirkan kamu

aku sepi, sepi, sepi, sepi
jika tak ada kamu
aku mati, mati, mati, mati
jika engkau pergi

dengarlah kesayanganku
jangan tinggalkan aku
tak mampu.. jika ku tanpamu

dengarlah kesayanganku
hidup matiku untukmu
ku mohon.. pertahankan aku

aku sepi, sepi, sepi, sepi
jika tak ada kamu
aku mati, mati, mati, mati
jika engkau pergi
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!

Related Posts →


Open Disqus Close Disqus

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. Blogger Cookies