Sobat dapat tambahkan file audio di blogger dengan memakainya dengan mudah, nah sebenarnya mudah untuk dilakukan, jadi dikesempatan kali saya akan menuliskan untuk para sobat sekalian dengan rangkuman dan juga tutorial beserta langkah-langkah maupun tips-tips yang akan saya jelaskan dibawah ini, yuk ikuti dan disimak baik-baik yah.
Bagaimana Cara Menambahkan MP3 Audio Player Di Blogger
Untuk menambahkan audio file di blogger, pastikan bahwa sobat sudah menyimpan file audio mp3 ke host di cloud seperti google drive tentunya, nah setelah itu mari kita lanjutkan ketahap langkah-langkah berikutnya, yuk ikuti lagi ya sobat.
1. Menggunakan Audio IFRAME
Jadi sobat, pastikan sobat terlebih dahulu memiliki kode embed untuk audio file mp3 yang akan di upload ke blogger menggunakan metode HTML audio iframe, nah untuk itu sobat, berikut ini langkah-langkah menggunakan audio iframe di blogger, sebagai berikut.
Langkah-Langkah
1. Pertama-tama, sobat terlebih dahulu untuk membuka browser web dengan menggunakan browser web baik dari ponsel atau komputer (PC) dan laptop.
2. Lalu sobat buka akun
Google Drive,dan jikalau memang file audio mp3 sobat belum ada di google drive, pastikan terlebih dahulu sudah diupload ke akun google drive milik sobat tersebut.
3. Nah, masih di akun google drive, pilih salah satu file audio mp3 yang ada di akun google drive sobat tersebut dan silahkan diubah pada bagian ” Akses Umum ” ke terlihat, nah untuk jelasnya, bisa sobat lihat seperti tampak gambar beserta keterangannya, sebagai berikut.
Keterangan
- Tepat setelah sobat pilih ” Bagikan ” pastikan Dibagian ” the permission / Akses umum >> Pelihat “.
- Lalu sobat pilih Salin link dan simpan kode link ke aplikasi notepad.
4. Nah perhatikan kode dibawah ini dan silahkan disalin kembali ke notepad.
<iframe src=’https://drive.google.com/file/d/1V0_ATpsJfNUvgCFk4kAcOPf4m6VvJr3D/view?usp=sharing’
width=’100%’
frameborder=’0′
/>
5. Kode 1V0_ATpsJfNUvgCFk4kAcOPf4m6VvJr3D silahkan ganti dengan kode link dari drive yang sobat ingin pakai.
6. Jika sudah, buat postingan blog atau pilih salah satu postingan di blog sobat, lalu tempelkan kode diatas tepat dengan Tampilan HTML.
7. Selesai, akhirnya sudah berhasil menggunakan audio iframe diblogger.
2. Menggunakan Audio Tag HTML
Sobat bisa menggunakan html audio tag diblogger dengan menambahkan file audio diblogger untuk memakai metode audio tag kebagian HTML 5, nah pastikan terlebih dahulu file audio sudah tersedia di host cloud seperti google drive, nah untuk itu mari ikuti langkah-langkahnya sebagai berikut.
Langkah-Langkah
1. Pertama sekali, sobat salin link dari google drive dan simpan dinotepad.
2. Lalu salin kode dibawah ini dan tempelkan pada notepad.
<audio controls>
<source src=”https://drive.google.com/uc?export=download&id=1V0_ATpsJfNUvgCFkkhAcOPf4m6VvJr3D” type=”audio/mpeg”/>
</audio>
3. Silahkan ganti kode 1V0_ATpsJfNUvgCFkkhAcOPf4m6VvJr3D dengan kode link dari google drive sobat.
4. Untuk memasangnya, sobat perlu membuat postingan baru di blog atau pilih salah satu postingan diblog sobat tersebut, lalu pilih Tampilan HTML dan tempelkan kode diatas dipostingan blog sobat tersebut.
5. Selesai, nah sekarang metode menggunakan audio tag html sudah berhasil terpasang diblogger.
3. Menggunakan Auto Play Di MP3 Audio Player Blogger
Kalau sobat ingin ketika dibuka postingan blogger baik oleh sobat maupun pengunjung diblog secara otomatis, maka sobat salin kode dibawah dan tempelkan dengan Tampilan HTML di postingan blog sobat tersebut tentunya.
<audio controls autoplay muted >
<source src=”https://drive.google.com/uc?export=download&id=1V0_ATpsJfNUvgCFk4kAcOPf4m6VvJr3D” type=”audio/mpeg”/>
</audio>
Catatan : Silahkan mengganti kode 1V0_ATpsJfNUvgCFk4kAcOPf4m6VvJr3D ini dengan kode dari link di google drive milik sobat.
4. Menggunakan Caption Di File Audio
Nah, kalau sobat suka menggunakan caption pada file mp3 audio player diblogger, maka sobat bisa menggunakan kode dibawah ini dan simpan dipostingan dengan Tampilan HTML diblogger sobat tersebut.
<figure >
<figcaption>Listen to the the audio file</figcaption>
<audio controls
src=”https://drive.google.com/uc?export=download&id=1V0_ATpsJfNUvgCFk4kAcOPf4m6VvJr3D” type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>
</figure>
<style>figure {margin: 0;} </style>
Catatan : Silahkan mengganti kode 1V0_ATpsJfNUvgCFk4kAcOPf4m6VvJr3D ini dengan kode dari link di google drive milik sobat.
Nah, sekarang sobat sudah berhasil untuk upload file audio ke blogger dengan sukses, jadi bagaimana sobat ? ternyata cukup mudah, jadi begitulah kira-kira sobatku semuanya, sobat dapat mempelajari dan memahami beserta kedepannya bisa dengan mudah menerapkan tutorial dengan langkah-langkah yang saya jelaskan di blog sobat tersebut dengan mudah.
Jadi itulah untuk tulisan saya diartikel tentang Cara Menambahkan File Audio Ke Blogger, semoga bisa bermanfaat dan menambah wawasan, oh iya sobatku semuanya, jika ada perkataan ku atau tulisan ku yang salah ketik maupun salah pengucapan, saya meminta maaf sebesar-besarnya untuk para sobatku semuanya, sekian dan terimakasih.
Leave a Reply