Membuat Widget Music Player Di Blog Atau Website Dengan Tampilan Keren

Kali ini gue share buat para blogger cara membuat widget mp3 player di website mereka :D
gue saranin kalian pake PodSnack karena mencari dan membuat Playlist mp3nya mudah dan tampilan widgetnya bagus dan Gratis :D

Nih sedikit penampakan widget
HTML playernya (yang gue pake di blog gue ini) demonya ada di sebelah kanan blog gue : 

Okee daripada penasaran langsung aja deh dicoba tutorialnya :D

1.Pertama kalian masuk ke Website pembuat widget mp3 Playernya : www.podsnack.com

Kalau sudah klik Bulid Playlist.

2.Isi Title dengan judul Playlist kamu

3. Klik Tab youtube untuk mencari lagu mp3 di youtube, atau bisa di dropbox juga.

4. Ketik dan cari lagu yang ingin kamu daftarkan di Playlist widget kamu

5. Jika ketemu, klik thumbnil lagunya dan otomatis masuk ke playlist kamu (di bawah)

6. Jika sudah klik Next 

7. Pada kolom Template, pilih model yang kamu mau pakai di widget kamu

8. Pada Preview, itu tampilan demo widget yang kamu buat,

9. Lalu ke Setting dan atur, ini penjelasannya :

Color And Styles : mengatur warna tema widget, kamu bisa memilih warna sendiri, di bagian 

kolom Custom Colors, 

Preset Size : Ukuran widget yang disarankan, pakai default aja

(Kalau masalah size nanti saja, soalnya setting disitu suka error)

Playback Options : Mengatur kebiasaan pemutar musiknya, Loop : Mengulang lagu terus 

menerus, Shuffle : Lagu yang diputar mengacak, Autoplay : musik berjalan sendiri tanpa klik 

tombol Play

Volume : Volume default yang dipakai. atur 50-70% saja agar tidak terlalu berisik

Share buttons : Tombol Share

10. Jika sudah diatur, Klik Finnish

11. Untuk Blog, klik gambar "Embed" javascript untuk mengcopy kodenya.

12. Klik Use free

13. Copy semua kodenya,

14. Sekarang pasang widgetnya di blog kalian, kalau di Blogger kita menuju Dasbor blogger, 

klik Layout/Tata letak, klik Add/Tambah Widget, Pilih Html/Javascript, Pastekan Kodenya, Saat mempaste kode, ada tulisan Width dan Height, kamu bisa ubah angkanya sesuai ukuran 

widget yang kamu mau.

15. Kalau sudah klik Save dan lihat widgetnya di Blog kalian :D

Jika ingin Copas mohon sertakan Link sumber! :) terimakasih.

Tags : Membuat, Widget, Music, Musik, Player, Pemutar, Lagu, Blogger, Website, Wordpress, Mudah, Keren, Tampilan, Bagus, Gratis
Wroten by : Elegy Fajar Triwardoyo
Please Comment and Share :D
vvvvvvvv

Tweet