Cara Memasang Musik di Blog dengan SCMPlayer (Bisa dari Youtube) - Andrean's Blog
News Update
Loading...

Senin, 10 Mei 2021

Cara Memasang Musik di Blog dengan SCMPlayer (Bisa dari Youtube)

Karena sebelumnya saya sudah pernah share cara memasang musik atau lagu apapun di blog, yang mungkin memang cukup usang dan ribet, maka kali ini akan saya update cararanya dengan yang lebih mudah untuk dilakukan.

cara memasang musik di blog

Baca juga cara lama :

Cara mudah ini adalah berkat adanya layanan SCM Music Player. Meskipun mudah, nyatanya masih ada beberapa visitor yang menanyakan tentang cara masang hingga tentang pengaturannya. Mereka menghubungi saya melalui messenger Fanpage.

Ada yang masih muda dan ada pula bapak-bapak yang mencoba bertanya. Oleh karena itu disini saya jelaskan tutorial dasar pemasangan beserta pengaturannya. Jadi tidak ada yang spesial atau hal khusus di artikel ini, namun semoga saja bisa memberikan manfaat walau hanya bagi segelintir orang saja.

Apa itu SCM Player

SCM Player merupakan sebuah pemutar musik berbasis web, semacam plugin atau widget yang bisa dipasang di berbagai tempat di suatu halaman web. SCM Player ini bersifat Open Source dan Anda bisa ngehost SCM Player sendiri.

SCM Player memiliki berbagai keunggulan yang sudah dijelaskan di websitenya sendiri. Beberapa di antaranya yakni memiliki fitur full control, kustomisasi yang mudah, playlist musik yang dinamis yang bisa di muat dari beragam sumber, serta bisa menggunakan skin custom.

Jadi, untuk memasang widget atau plugin SCM Player ini Anda hanya perlu menuju ke website nya langsung dan silahkan melakukan kustomisasi sepuasnya. 

Cara Memasang Widget SCM Music Player di Blogger

Silahkan pergi menuju SCMPlayer.net, nanti anda akan dihadapkan dengan sebuah panel. Pada tab pertama pada panel adalah pemilihan skin (Choose Skin). Anda bisa langsung memilih skin yang tersedia atau memilih dari 4000 lebih skin yang tersedia (Klik link 4000+ Custom Skins). 

Jika sudah klik 4000+ link tersebut maka silahkan pilih skin dan klik choose di bagian kanan skinnya. Setelah itu Anda akan otomatis kembali ke panel awal tadi. 

panel awal scmplayer

Silahkan klik Next di bagian bawah kanan panel untuk beralih ke tab berikutnya (Edit Playlist). Pada bagian ini saya sarankan untuk memasukkan link youtube saja karena lebih mudah dan instant. Anda bisa memasukkan link berbagai jenis video, yang mana nantinya waktu diputar di playernya akan hanya berupa audio saja. 

Jadi tenang, meskipun youtubenya berupa video klip nanti waktu diputar tetap jadi seperti lagu biasa. Pada contoh kali ini saya menggunakan video youtube kumpulan lagu-lagu jawa. Untuk testing Anda bisa klik tombol play di sebelah kanan setelah input link. Nanti controlnya ada di bagian atas halaman untuk mematikan.

input link scmplayer

Klik Next lagi untuk menuju tab Configure Setting. Pada bagian ini akan saya jelaskan beberapa fungsinya, yakni :

Playback 

  • Auto Play : Waktu membuka blog Anda, lagu akan otomatis diputar. Jika tidak ingin otomatis diputar maka jangan dicentang (biarkan kotak kosong kecil jangan diklik).
  • Shuffle Playback : Memutar lagu / playlist yg sudah Anda buat secara acak. Centang untuk mengaktifkannya.
  • Default Volume : Volume lagu bawaan, saya sarankan untuk setting lebih rendah dari 50% agar tidak ngagetin visitor jika. Nanti biar visitor sendiri yg mengontrol volume jika ingin lebih keras atau pelan.
  • Repeat Mode : Saya sarankan untuk memilih Play Playlist Once (memutar semua lagu satu kali lalu berhenti), atau Repeat Playlist (memutar semua lagu berurutan secara terus menerus).

Appearance

  • Placement of Player Bar : Tata letak music palyer nya, silahkan pilih Top (di atas halaman) atau Bottom (di bawah halaman).
  • Show Playlist by Default : Saya sarankan untuk tidak mengaktifkannya, karena jika playlist dimunculkan secara otomatis maka akan menyempitkan tampilan layar. 

setting scmplayer

Nah, jika beres mengkonfigurasi, silahkan klik Done. Setelah itu Anda akan mendapatkan kode untuk disalin dan dipaste di widget Blogger Anda. 

script kode scmplayer

Untuk memasangnya cukup ke menu blogger bagian Tata Letak, pilih tempat manapun lalu pilih "Tambahkan Gadget". Cari "HTML/JavaScript" dan paste kode tadi di bagian "Konten" tanpa memberikan judul (kosongi judul), lalu klik Simpan.

input html javascript blogger

Setelah itu silahkan cek blog Anda apakah Music Player nya sudah muncul atau belum. Sebagai testing, Anda bisa cek halaman blog percobaan saya yakni https://testerscriptsaja.blogspot.com/. Kode pada tutor di atas saya tempelkan di blog tersebut.

penampakan tester

Bisa Anda lihat bahwa musik langsung play karena fitur Auto Play saya aktifkan. Mudah kan? kurang lebih seperti itulah cara memasang Music Player di blog. Saya juga memiliki ide untuk ngehost music player sendiri nih jadinya. hehe

Semoga artikel ini bisa bermanfaat, terimakasih telah menerapkan budaya membaca.


Share with your friends

Give us your opinion

Hai Readers..
Terimakasih sudah menerapkan budaya membaca.
Done
close