4/18/2021

Cara Embed Playlist Spotify di Blog

RahmanCyber.NET | Music Audio - Spotify merupakan layanan streaming musik dan podcast yang didirikan 23 April 2006 oleh Daniel Ek, Martin Lorentzon, berkantor pusat di Stockholm, Swedia bisa dibilang cukup populer saat ini.


Sering merekam podcast dengan anchor? nah anchor ini merupakan aplikasi podcast dari spotify. 

 

Selain menyediakan layanan streaming musik dan podcast, pihak spotify juga tidak ketinggalan untuk menyediakan tool untuk sharing audio streaming dan podcastnya ke berbagai platform.

 

Salah satunya yang akan kita bahas ini yaitu Blog. 



Ketika pengguna bisa melakukan embeding di websitenya, maka secara otomatis, playlist spotify sendiri menjadisangat responsive, karena bisa diputar dimana mana, kalo di blog, maka identik dengan browser ya, bisa di ponsel maupun di desktop. Padahal Spotify sendiri juga sudah mendukung pemutaran audio streamingnya di ponsel melalui aplikasi yang tersedia di android, ios dan melalui desktop yang secara langsung bisa diputar melalui browser. 

 


Sehingga kita bisa fleksibel kan memakai berbagai media, entah itu ponsel, komputer maupun laptop.


Sobat, untuk melakukan embed spotify di blog itu sangatlah mudah, ada 2 opsi 

 

 

Jika kamu ingin embed lagu tertentu tanpa login / punya akun..  


Jadi ini kasusnya ketika kita tidak memiliki akun spotify ya..


Cara Embed Song


kamu bisa langsung kunjungi open spotify di browser. Contohnya seperti ini. 

 

 

how to embed spotify song


Linknya -> Open.Spotify.com | silahkan buka di Browser anda


1. Klik tombol Search

2. Setelah muncul halaman search, pada kotak search silahkan isikan Nama Artist / Judul Lagu, nanti akan muncul daftar yang sesuai / related.

3. Klik pada titik tiga horisontal di pojok kanan lagu atau bisa juga langsung Klik kanan pada Lagu yang ingin ditambahkan, lalu pilih Share

4. Setelah itu akan keluar pilihan Copy Song Link sama Copy Embed Code, pilihlah Copy Embed Code

5. Kode sudah di Copy ke Clipboard, langkah selanjutnya kamu pergi ke bloggermu

6. Pilih Tata Letak

7. Klik Tambahkan Gadget

8. Lalu pilihlah Html / Javascript, copy paste kan kodenya..

<iframe src="https://open.spotify.com/embed/track/4sDA77lz1Haa4SfaiVV48M" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

 

 

embed spotify

Kalo udah.. simpen...


Selain di Sidebar, kamu juga bisa pasang di Postingan kok.. intinya, ubah dulu ke Mode Tampilan HTML, baru di Pastekan kode embed tadi ke baris mana di dalam artikel yang ingin diletakkan musiknya.


Hasilnya akan seperti ini, jika didalam postingan.



 

 

 

Lalu, bagaimana cara melakukan Embed Playlist Spotify?


 

Caranya 11/12 kok,, sama seperti ketika kita mau embed song / musik diatas, hanya saja.. jika kalian tidak login, kalian tidak bisa membuat playlist sendiri... sehingga kalian perlu mencari playlist tertentu yang dibuat oleh curator Spotify, maupun para pengguna yang menjadikan playlistnya sebagai publik.


mencari playlist spotify



Itu dia, caranya sama.. tinggal ke bagian search.. pada contoh kasust diatas saya bingung mau playlist seperti apa, sehingga saya ketikkan aja "playlist" dan keluar berbagai macam playlist.. kamu bisa dengerin satu persatu dan lakukan embed yang kiranya cocok...

 


playlist spotify..

 

Sebagai contoh diatas, saya memilih playlist Jazz... lalu saya klik pada bagian titik tiga horisontal, pilih Share, kemudian pilih Copy Embed Code.


Nah maka Embed Code Playlistnya udah tersalin di clipboard.


Setelah itu lakukan cara yang sama dengan langkah ketika kita mau embed code song ke blogger.


Untuk contoh kalo kita mau embed di Postingan adalah seperti ini..



 

 

Itulah Playlist Spotify yang berhasil kita copy code embednya ke blog. Sehingga orang dapat mendengar musik / podcast favorit kita.




Jika Kamu Mempunyai Akun Spotify



Jika kamu mempunyai akun spotify, ini akan lebih bervariasi sekali, karena kamu bisa menyimpan lagu favorit untuk diputar lagi, atau kamu juga bisa buat PLAYLISTmu sendiri.


Untuk cara embed Codenya sama seperti cara ketika kita tidak memiliki akun spotify, cuman bedanya ini kita bisa buat playlist sendiri...



Membuat  Playlist Spotify

 

  • Pilih Create Playlist di bagian Menu Samping
  • Ubahlah nama dan detail informasi lainnya
  • Klik SAVE untuk menuimpan

 

Tip: Kamu juga dapat menggunakan keyboard shortcuts. Cmd-N (for Mac) atau Ctrl-N (for Windows).





Add to a playlist


  • Klik kanan pada Lagu yang ingin ditambahkan
  • Klik Add to Playlist.
  • Pilih Playlistnya

kamu juga bisa drag and drop track secara langsung ke Playlist

Tip: When you’ve made a playlist, right-click it and select Create Similar Playlist. This is a quick way to build your collection while adding some variety.



Edit a playlist

 

Untuk menghapus Lagu

  • Klik titik tiga atau langsung klik kanan pada lagu yang ingin dihapus
  • Pilih Remove from this Playlist
  • Untuk mengubah posisi lagu, tinggal drag and drop aja ke posisi yang diinginkan



Delete a playlist

 

  • Klik kanan pada Playlist
    Klik Delete.



Hasil Embed Playlist sendiri di Sidebar


Ini merupakan hasil memasang Playlist buatan sendiri di Blog

 

hasil embed playlist di blog

 

Bisa di lihat di Sidebar sebelah kanan.


Untuk Embed Code di Postingan Artikel Blog, caranya sama seperti diatas ketika anda tidak punya akun spotify. 

 

Ubah dulu tampilan ke "Tampilan HTML"

ubah tampilan ke html

 

Lalu rapikan kode HTML dengan "Format HTML" ini untuk mempermudah kita meletakkan kode...

 

menata code html

 

 

 Hasilnya akan seperti ini ya gan...

 





Kelemahannya adalah, untuk song dan playlist, ketika kamu / visitor / pengunjung tidak memiliki akun spotify, maka dia hanya dapat ndengerin preview musik atau podcastnya saja...cuman sekitar 30 detik'an... ^_^



Artinya.. untuk dapat memuter musik / podcast secara keseluruhan... perlu buat akun spotify ^_^ 

Langsung aja register di Spotify https://www.spotify.com/id/signup




Cara registernya saya yakin anda bisa melakukannya dengan mudah... :)





Sekian untuk Pembahasan cara embed spotify player di Blog / website

Moga bermanfaat.. ^_^





A.K.s


Posting Komentar

Follow by Email



Semenjak saya F.N.A-RED mendirikan RahmanCyber ini tahun 2008, saya mendedikasikan situs ini untuk memberikan edukasi dan artikel pengetahuan secara GRATIS, sobat tidak dibebankan Biaya langganan maupun Pembelian Hak Akses untuk dapat menikmati Artikel yang kami sediakan di RahmanCyber. Saya juga tidak berniat menjadikan RahmanCyber untuk model langganan dengan membayar Hak Akses. Semua Pemasukan untuk Mendukung Pemeliharaan Situs dari Iklan dan link affiliasi yang kami tanam di beberapa artikel ( Kami tidak menutupi hal ini, agar semua jelas tidak ada yang disembunyikan dan tidak manipulatif )
Ya, kita punya channel Youtube, tetapi fungsinya memang untuk mendukung penyampaian materi di Blog, sehingga memang untuk kontennya Campuran dan tidak berdasarkan Nice. Tekan aja gambar dibawah ini untuk melakukan subscribe ke channel kita
Image
Jika kalian tertarik untuk bergabung dalam jurnal perjalanan kita, silahkan...
Ada 2 tipe website yang ber ekstensi RahmanCyber.NET,

1. Website Bagian yang merupakan layanan kita untuk fokus materi tertentu maupun berupa produk terpisah yang berbeda untuk konsep dari Website Induk RahmanCyber.NET, tetapi selama ber ekstensi .rahmancyber.net, itu adalah Website Resmi dari kita. Informasi ini juga tercantum dalam Fanpage RAHMANCYBER di Facebook yang linknya tertaut di website utama ini, sehingga hal ini untuk meminimalisir adanya penipuan dari pihak yang tidak bertanggung jawab
2. Website Rekanan yang dikelola oleh Kontributor, sehingga kadang memiliki nama personal, yang bertujuan untuk menampilkan Iklan di web, sehingga dengan menggunakan ekstensi .rahmancyber.net, bisa ikut menampilkan iklan sebagai monetisasi untuk websitenya ( Bagaimana cara bergabung agar website saya bisa menampilkan iklan dan mendapat penghasilan? maaf, ini terbatas dan saya tidak membukanya untuk umum )

Disini kita berusaha untuk memberikan konten yang kredibel dan tidak semata mata untuk mengejar traffic dan penghasilan, ( RahmanCyber lebih condong ke "Pengetahuan" )

Whatsapp Button works on Mobile Device only