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
- 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>
- Copy kode berikut di bagian HTML postingan atau sidebar:
<amp-audio width="auto" height="50" src="https://yourhost.com/filename.mp3"> </amp-audio>
- Selesai
Rubah link audio pada src= dengan sumber audio yang ingin kalian pasangkan. Tidak perlu menambah kode layout="responsive", karena ini sudah otomatis responsif.
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.
Semoga yang sedikit ini bermanfaat, Aamiin!
Open Disqus Close Disqus