Tutorial Embed Surat Al Qur'an Mp3 Di Blogger

CANDILKUYA.COM - Cara Embed Surat Al Qur'an Mp3 Di Blogger, Assalamu,alaikum Sobat Blogger, Baru-baru ini saya menemukan sebuah blog yang khusus menyediakan unduhan surat-surat Al-Quran, doa-doa Islam, bahkan bacaan Al-Quran 30 juz yang merdu yang dilantunkan oleh para Qori terkenal.

Cara Embed Surat Al-Quran MP3 Di Postingan Blog - Jika Anda adalah pemilik blog dengan niche Pendidikan Agama Islam atau seorang muslim yang memiliki blog personal dan ingin mendengarkan bacaan Surat Al-Quran di blognya, Kamu bisa meng-embed Al-Quran di blog Kamu Sendiri dengan mudah.

Embed Surat Al Qur'an Mp3 Di Blogger
Embed Surat Al Qur'an Mp3 Di Blogger

Jika Anda ingin mendengarkan murottal Al-Quran di blog Anda sendiri atau ingin memperdengarkan bacaan Al-Quran kepada pengunjung blog Anda, maka Anda bisa meng-embed-nya dengan menggunakan tag atau untuk blog AMP HTML.

Tutorial Embed Surat Al Qur'an Mp3 Di Blogger

Yang pertama, silahkan cari kemudian unduh bacaan surat Al-Quran yang ingin di-embed dari blog Islamdownload . Sebagai contoh, kita akan meng-embed Surat Yasin full suara merdu dan saya memilih embed Surat Yasin beserta artinya dalam Bahasa Indonesia.

Kemudian silahkan hosting file MP3 Surat Yasin yang sudah diunduh tadi. Saya rekomendasikan untuk menghosting file MP3 Surat Yasin ini di Dropbox karena kita bisa langsung mendapatkan URL direct download filenya.

Silahkan upload file MP3 surat Yasin di akun Dropbox Anda, setelah file terupload silahkan klik tombol Share di file tersebut dan Create Link kemudian Copy Linknya.

Biasanya URL file akan seperti berikut ini:
https://www.dropbox.com/s/lfpamt31h8it90o/MisyariRasyid-QuranTerjemah-036-Yaasiin.mp3?dl=0

×


Kemudian silahkan rubah angka 0 menjadi angka 1 untuk merubahnya menjadi direct download file.

Kemudian gunakan kode berikut di postingan di mode HTML.


 <audio controls="" style="width:100%">
  <source src="https://www.dropbox.com/s/lfpamt31h8it90o/MisyariRasyid-QuranTerjemah-036-Yaasiin.mp3?dl=1" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Jika ingin autoplay silahkan tambahkan kode autoplay="" menjadi seperti berikut.

 <audio controls="" style="width:100%" autoplay="">
  <source src="https://www.dropbox.com/s/lfpamt31h8it90o/MisyariRasyid-QuranTerjemah-036-Yaasiin.mp3?dl=1" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Dan Untuk Hasilnya Bisa Kamu Lihat Di Bawah :


Cukup Sekian Postingan Admin Pada Kesempatan Kali Ini Mengenai Tutorial Ember Surat Al-Qur'an Mp3 Di Postingan Blogger, Sebenarnya Cara Ini Sudah Banyak Yang Menjelaskan, Salah Satunya Blog Kompiajaib Milik Kang Adhy Suryadi. Semoga Bermanfaat.
Referensi : Kompiajaib
×

Tutorial Embed Surat Al Qur'an Mp3 Di Blogger 5 out of 5