Cara Menyisipkan Spotify pada Postingan Blog

Memasang Spotify di 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

Klik kanan pada lagu, podcast, atau episode di Spotify player dan pilih "Share". Klik pada 'Copy Song link'.
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.
Paste kode diatas pada postingan blog, pastikan sedang menggunakan mode HTML, dan hasilnya nanti akan menjadi seperti ini :

Menyisipkan Satu Playlist

Klik kanan pada Playlist di Spotify player dan pilih "Share". Klik pada 'Copy Playlist link'.

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>

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

Menyisipkan Satu Album

Klik kanan pada album di Spotify player dan pilih "Share". Klik pada 'Copy Album link'.

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,

Segitu dulu tutorial kali ini. Jika ada pertanyaan, mari berjumpa pada kolom komentar di bawah. Semoga bermanfaat!.

Cara Menyisipkan Spotify pada Postingan Blog

Comments