Cara Menambahkan Musik atau Audio Player Pada Artikel Blog

Memutar Lagu Menggunakan 4shared

4shared adalah situs berbagi file atau media secara bebas. Dengan motto "Cari, Simpan dan Bagikan dengan mudah", 4shared menerima berbagai macam data dan mengelompokkan beberapa jenis file untuk diakses secara online. Salah satunya adalah audio yang berformat mp3.

Dengan fitur embed yang disediakan 4shared, pengguna dapat memasang file audio seperti lagu yang tersimpan dalam database mereka untuk kemudian ditautkan pada halaman blog. Langkah-langkahnya sangat mudah.

1. Kunjungi situs: https://www.4shared.com/

2. Pada kolom pencarian masukkan judul lagu yang ingin ditampilkan pada blog.

3. Pilih file yang sesuai keinginan.

4. Klik tombol pasang dengan simbol </>.

5. Jenis tampilan audio boleh diatur terlebih dahulu melalui Ukuran dan Additional options.

6. Kalau sudah copy paste kode teks dengan elemen iframe. Formatnya kurang lebih seperti ini:

<iframe src='https://www.4shared.com/web/embed/audio/file/lVNe_CK4ce?type=NORMAL&widgetWidth=530&showArtwork=true&playlistHeight=0&widgetRid=372873724668' style='overflow:hidden;height:152px;width:530px;border: 0;margin:0;'></iframe>

7. Pasang pada salah satu bagian artikel. Selamat mendengarkan!

Jika audio yang ingin dipasang adalah data pribadi, maka silahkan daftar dulu lewat situs 4shared. Nanti Agan dapat mengupload file milik sendiri yang kemudian bisa dibagikan ke semua orang.

Menambahkan Musik Dari SoundCloud

Sama seperti 4shared, mayoritas netter pasti sudah tahu apa itu SoundCloud. SoundCloud adalah website komunitas pendengar musik dari para musisi populer dan indie di seluruh dunia. Berbeda dengan 4shared yang merupakan tempat beragam file, SoundCloud ditujukan hanya untuk file audio.

SoundCloud juga memiliki fitur embed yang bisa dimanfaatkan untuk menampilkan musik remix yang telah diupload oleh para kreator ke dalam blog pribadi. Langkah-langkahnya hampir sama.

1. Kunjungi situs: https://soundcloud.com/

2. Pada kolom pencarian ketikkan nama penyanyi atau musik yang ingin dipakai dalam post.

3. Klik judul yang sesuai dengan pilihan.

4. Klik tombol Share dan pilih tab Embed.

5. Melalui Options tampilan warna dapat diatur terlebih dahulu sesuai selera.

6. Copy paste kode teks dan pasang pada paragraf postingan. Format kodenya seperti ini:

<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/338393003&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

7. Putar dan mainkan!

Sekali lagi Agan bebas memasukkan audio milik sendiri melalui SoundCloud, tinggal daftar saja dan gratis digunakan untuk mengupload file audio apa saja asal sesuai dengan aturan atau tidak melanggar peraturan situs.

Memasang Audio Lewat Google Drive

Kalau 2 teknik diatas tidak cocok dengan apa yang Agan cari saat ini, maka cara yang ketiga ini mungkin yang paling sesuai terkait pemasangan audio pada artikel. Trik berikut adalah cara yang paling sering Syams gunakan untuk blog sendiri karena dirasa lebih simpel dan pas dengan kebutuhan blog.

Pada langkah ini, pemasangannya lewat file audio yang terdapat dalam Google Drive. Jika Agan mendaftar akun Google (Gmail), maka otomatis disediakan Google Drive sebagai fasilitas penyimpanan data online dengan ukuran standar 15 GB. Tentu bisa diupgrade jika punya modal tertentu. Atau bisa juga pakai Google Drive Unlimited yang lebih praktis dan murah.

Untuk menghemat waktu kita langsung saja pada tata caranya. Silahkan ikuti langkah-langkah berikut secara berurutan dengan saksama.

1. Login pada situs: https://drive.google.com/

2. Pada sidebar kiri, klik tombol Baru > Upload File. Masukkan file audio dengan format mp3.

3. Jika upload sukses, klik kanan pada file dan pilih Dapatkan link yang bisa dibagikan. Pastikan juga opsi Berbagi link: aktif.

4. Pastekan saja dulu tautan tersebut pada notepad atau sejenisnya. Contoh urlnya:

https://drive.google.com/open?id=1qLVx91FsoZbSSRRwCmiaDjdqEDv1uQFu

5. Kemudian copy paste kode di bawah berikut:

<audio controls="">
<source src="http://docs.google.com/uc?export=open&amp;id=xxxxxxxxxx" type="audio/mp3"></source>
</audio>

6. Selanjutnya ganti xxxxxxxxxx pada kode diatas dengan baris id yang terdapat dalam link mp3 Google Drive sebelumnya. Lihat yang bertanda merah. Nanti hasil akhirnya seperti ini:

<audio controls="">
<source src="http://docs.google.com/uc?export=open&amp;id=1qLVx91FsoZbSSRRwCmiaDjdqEDv1uQFu" type="audio/mp3"></source>
</audio>

7. Pasang dimana saja dalam artikel blog dan selamat menikmati!