CaraMemasang Audio ke Blog: Suara yang Memikat untuk Konten Anda | ARMAILA.com - Musik dan suara memainkan peran penting dalam menciptakan pengalaman yang menarik di situs web atau blog Anda.
Dalam artikel ini, Armaila akan membahas cara memasang audio di blog Anda, termasuk cara menambahkan lagu di Blogger dan bagaimana memasukkan audio ke blog secara umum. Juga, kita akan melihat cara memasang lagu otomatis di website Anda. Mari kita mulai!
Mengapa Menambahkan Audio ke Blog Penting?
Sebelum kita membahas teknisnya, mari kita pahami mengapa menambahkan audio ke blog adalah langkah yang penting:
Menyampaikan Suasana
Audio dapat membantu menyampaikan suasana yang Anda inginkan kepada pembaca. Misalnya, musik latar yang tenang dapat menciptakan suasana yang santai, sementara musik berirama cepat dapat meningkatkan semangat.
Meningkatkan Engagement
Audio dapat membantu mempertahankan perhatian pengunjung dan membuat mereka lebih lama di situs Anda. Ini bisa berarti lebih banyak pembaca yang menjelajahi konten Anda.
Memperkaya Konten
Audio dapat menjadi tambahan yang baik untuk konten Anda. Anda dapat menyertakan wawancara, podcast singkat, atau klip audio lainnya yang relevan dengan topik Anda.
Cara Menambahkan Lagu di Blogger
Jika Anda menggunakan platform Blogger, berikut adalah panduan langkah demi langkah tentang cara menambahkan lagu atau audio ke blog Anda:
- Cari dan simpan file musiknya dulu. Terserah musiknya apa, bukan urusan saya.
- Buka layanan Google Drive di https://drive.google.com/drive/my-drive. Terserah pake laptop atau ponsel.
- Kalau mau dibuatkan foldernya, buatin saja, dan beri nama foldernya dengan nama Musik.
- Upload file musik yang sudah tersedia kedalam folder Musik yang sudah dibuat.
- Selesai upload di Google Drive, pastikan link filenya bisa diakses oleh siapa saja.
- Lalu salin link file musiknya tersebut. Dan ganti dengan link seperti dibawah ini:
- Agar link file musik bisa digunakan didalam blog, gunakan kode berikut ini:
<audio controls><source src="https://drive.google.com/uc?export=download&id=1Yk2gPS9xzMFx8I6ymol5-JfrVIc2xtT7" type="audio/mp3"></audio> - Ganti kode: 1Yk2gPS9xzMFx8I6ymol5-JfrVIc2xtT7 dengan kode yang ada di link Google Drive anda.
<iframe src='https://drive.google.com/file/d/1Yk2gPS9xzMFx8I6ymol5-JfrVIc2xtT7/preview?usp=sharing'
width='100%'
frameborder='0'
/>
<iframe src='https://drive.google.com/file/d/1blUyIowvHpBEAGuPwqJTBnYP0IxkSZl4/preview?usp=sharing'
width='100%'
frameborder='0'
/>
contoh hasilnya:
ganti
Cara Memasukkan Audio ke Blog Secara Umum
Jika Anda menggunakan platform blogging selain Blogger, atau jika Anda ingin memasukkan audio ke halaman web biasa, Anda dapat mengikuti panduan umum berikut:
Persiapkan File Audio
Seperti sebelumnya, pastikan Anda memiliki file audio dalam format yang sesuai. Selanjutnya:
Hosting File Audio
Anda perlu meng-host file audio tersebut secara online. Anda dapat menggunakan layanan hosting file audio seperti SoundCloud, YouTube, atau platform lain yang sesuai. Pastikan opsi privasi yang Anda pilih sesuai dengan kebutuhan Anda.
Sisipkan Audio ke Posting atau Halaman
- Dalam editor posting atau halaman, temukan opsi untuk menyisipkan kode HTML atau iframe.
- Salin kode HTML yang diberikan oleh layanan hosting file audio Anda.
- Tempelkan kode tersebut ke dalam editor posting atau halaman Anda.
Publikasikan Posting atau Halaman Anda
Setelah Anda memasukkan kode HTML atau iframe, publikasikan posting atau halaman Anda. Pengunjung sekarang dapat mendengarkan audio tersebut dengan mengklik pemutar yang disisipkan.
Cara Memasang Lagu Otomatis di Website Anda
Untuk membuat lagu diputar secara otomatis saat pengunjung membuka situs web Anda, Anda perlu menyisipkan elemen HTML `<audio>` dalam kode sumber halaman Anda. Berikut langkah-langkah umumnya:
Persiapkan File Audio
Persiapkan file audio yang akan Anda gunakan dan pastikan Anda memiliki izin untuk menggunakannya secara online.
Sisipkan Kode HTML
Buka halaman web Anda menggunakan editor HTML atau CMS (Content Management System) yang Anda gunakan.
- Sisipkan kode HTML berikut di tempat yang sesuai dalam kode sumber halaman Anda:
<audio controls autoplay>
<source src="URL-File-Audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Gantilah "URL-File-Audio.mp3" dengan URL file audio yang ingin Anda gunakan.
Simpan dan Publikasikan
Simpan perubahan pada halaman web Anda dan publikasikan. Ketika seseorang mengunjungi situs web Anda, audio akan diputar secara otomatis.
Kesimpulan
Menambahkan audio ke blog atau situs web Anda dapat meningkatkan pengalaman pengguna dan membuat konten Anda lebih menarik. Armaila telah membahas cara menambahkan lagu di Blogger dan memasukkan audio ke blog secara umum.
Selain itu, Armaila juga menjelaskan cara memasang lagu otomatis di website Anda. Dengan mengikuti panduan ini, Anda dapat menghadirkan elemen audio yang mengesankan dan kreatif ke situs Anda, meningkatkan interaksi dengan pengunjung, dan membuat pengalaman mereka menjadi lebih berwarna.