Cara Menyisipkan Pemutar Spotify pada Postingan Blog

Cara Menyisipkan Pemutar Spotify pada Postingan Blog - Spotify merupakan penyedia layanan streaming musik dan podcast asal Swedia yang didirikan sejak 2006. Bisnis utama dari perusahan ini adalah dari penyediaan jasa streaming audio berupa musik yang terlindungi berkat proteksi DRM dan podcast.

Spotify sendiri menyediakan berbagai fitur dalam memutar musik dan podcastnya; misalkan dari aplikasi di Windows, aplikasi di Android, pada Tablet, HP, Laptop, bahkan sampai embed kode tertentu dari websitenya.


Uniknya, jika menggunakan aplikasi, kita diharuskan mempunyai akun dan login pada aplikasi tersebut, tetapi berbeda jika kita mengunjungi website yang menyediakan pemutar musik di widgetnya.

Nah, pada kesempatan kali ini saya akan membagikan bagaimana cara menyisipkan pemutar Spotify pada postingan di blog.

Berikut tutorialnya menurut tipe pemutar yang akan disisipkan.

Menyisipkan Satu Lagu

  1. Klik kanan pada lagu, podcast, atau episode di Spotify player dan pilih "Share". Klik pada 'Copy Song link'.
  2. Nanti akan didapatkan kode seperti berikut;

    https://open.spotify.com/track/1AKG3UFkdyVZpUJhkhtgSs?si=oKhaIM1IQauEMiI4Q8dAFg

    Paste di sembarang tempat, misal notepad.

    Copy kode pada bagian yang ditandai, sampai sebelum tanda tanya, karena setelah kode ?si= adalah kode tidak penting.

    <iframe src="https://open.spotify.com/embed/track/1AKG3UFkdyVZpUJhkhtgSs" width="100%" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

    Catatan: code diatas hanya untuk satu lagu saja. Jika ingin mengganti lagunya dengan satu lagu lain, kode 1AKG3UFkdyVZpUJhkhtgSs bisa diganti dengan kode lagu lain.

  3. Paste kode diatas pada postingan blog, pastikan sedang menggunakan mode HTML.
    dan hasilnya nanti akan menjadi seperti ini;



Menyisipkan Satu Playlist

  1. Klik kanan pada Playlist di Spotify player dan pilih "Share". Klik pada 'Copy Playlist link'.
  2. Paste di Notepad,
    https://open.spotify.com/playlist/4FcjPEjOvbfRgaAjqjtUoO?si=DglHZh_XQbC4SzQ9nIrg7Q

    Copy hanya kode yang ditandai.

    Lalu Paste pada yang ditandai dibawah ini,

    <iframe src="https://open.spotify.com/embed/playlist/4FcjPEjOvbfRgaAjqjtUoO" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
  3. Paste kode diatas pada postingan blog, pastikan sedang menggunakan mode HTML.
    dan hasilnya nanti akan menjadi seperti ini;



Menyisipkan Satu Album

  1. Klik kanan pada album di Spotify player dan pilih "Share". Klik pada 'Copy Album link'.
  2. Paste di Notepad,
    https://open.spotify.com/album/6PxHRLYt5tTsX8xSoeRVAt?si=zA1ffp9zSG6cEcXo8APK0A

    Ambil hanya kode yang ditandai, sesuaikan dengan kode sebelumnya.

    Lalu ganti kode yang ditandai dibawah ini dengan kode diatas.

    <iframe src="https://open.spotify.com/embed/album/6PxHRLYt5tTsX8xSoeRVAt" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

    Hasilnya nanti akan menjadi seperti ini,



Sekian tutorial tentang cara menyisipkan Pemutar Music Spotify pada Postingan di Blogger, Semoga bermanfaat.

4 komentar

  1. Terima kasih tipsnya bermanfaat sekali
    1. Terima kasih juga sudah mampir.
  2. Mas kalo nambahin tangga lagu bisa gak ya di spotify ?
    1. tangga lagu nya berupa playlist custom sendiri bisa mas, lalu cara dapat code embed nya juga sama seperti diatas,
      kalau tangga lagu dinamis khusus yang dibuat spotify buat pengguna tertentu juga bisa di embed,
      tapi kalau tangga lagu selain itu saya kurang tau mas,