Cara Menambah Widget Pemutar Musik Di Blog Dengan Lagu Pilihan Sendiri

Kali ini ane akan berbagi tips bagaimana caranya cara menambah widget pemutar musik di blog dengan lagu pilihan sendiri atau anda juga ingin memasang radio online di blog anda sendiri silahkan baca artikel cara pasang radio online di blog atau mungkin juga anda ingin memasang tv online di blog anda sendiri silahkan baca cara memasang tv online di blog, jika anda ingin tv yang steaming dalam dan luar negeri silahkan dibaca artikel ini Cara Memasang TV Online Dalam dan Luar Negeri 

Oke menurut saya pribadi terkadang seseorang ingin memasangkan sarana hiburannya pada blog karena merasa jenuh tanpa ada hiburannya, apakah blog anda ingin dipasangin pemutar musiknya atau widget mp3 dengan lagu pilihan anda sendiri oke ini dia jawabannya dan simak baik baik langsung penjelasan di bawah ini:


1.Langkah pertama anda perhatikan dulu script yang saya kasih di bawah ini:

<!-- SCM Music Player start http://tyrexcom.blogspot.com -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaPurple/skin.css','volume':77,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':true,'playlist':[{'title':'Hidup Untukmu Mati Tanpamu','url':'http://www.youtube.com/watch?v=hlxF0LefCtE'}]}" ></script>
<!-- SCM Music Player script end -->



2.Untuk skin atau warna dasar tampilan widgetnya silahkan sesuaikan dan pilih tergantung selera sobat masing-masing. terlihat jelas pada contoh diatas dengan warna biru muda itu merupakan warna dasar widgetnya jadi anda bisa memilihnya dengan warna favorit masing-masing, untuk caranya silahkan ganti contoh tulisan ini aquaPurple dengan warna pilihan anda dibawah ini, oke untuk warna-warnanya silahkan pilih dibawah berikut:
  • widget dengan skin warna biru muda= aquaPurple 
  • widget dengan skin warna hitam= cyber
  • widget dengan skin warna pink= aquaPink 
  • widget dengan skin warna kuning= scmOrange 
  • widget dengan skin warna merah= scmRed
  • widget dengan skin warna abu-abu= tunes
  • widget dengan skin warna ungu= scmPurple
  • widget dengan skin warna hijau= scmGreen

Ingat untuk kode warnanya hurup besar kecil berpengaruh....!!!!!


3. Perhatikan tulisan yang di cetak dengan warna hijau itu isi dengan judul lagunya dan yang berwarna merah isi dengan url lagu anda nanti, anda nanti bisa mencarinya di 4shared atau buat percobaannya anda coba mencari di youtube seperti script lagu yang punya saya ini.


4. Untuk Penyetingan Volumenya anda bisa ganti sendiri perhatikan tulisan yang berwarna biru anda boleh ganti sendiri anta 0-100


5. Agar bisa autoplay coba anda ganti tulisan autoplay false, falsenya ganti dengan true perhatikan tulisan yang di cetak warna pink


6. Untuk placement':'top silahkan ganti jika posisi widgetnya ingin dibawah blog, yang di ganti hanya tulisan top saja top=atas, under=bawah jadi anda ganti saja tulisan top'nya dengan under jika tampilannya ingin terlihat dibawah.


7. Untuk refeat agar tidak bisa di ulang lagi angka 1 ganti dengan angka 0 dan untuk showplaylistnya jika tidak ingin tampil otomatis coba anda ganti true menjadi false.


8. Untuk langkah penyetingannya anda nanti bisa langsung di seting tergantung selera anda sendiri.


9. Masuk ke akun blog anda dan cari tata letak kemudian tambahkan widget dan anda cari yang ada berbau java scriptnya, untuk judul java scriptnya kosongkan saja kemudian copy script di atas dan pasteukan di java script tersebut.


10. Jangan lupa save dan simpan setelan,, enjoy bisa mendengarkan musik favorit anda di blog anda, jika yang kurang paham boleh bertanya,,okrey..


Dan ini script mentahnya biar bisa lebih dipahami lagi

<!-- SCM Music Player Start http://tyrexcom.blogspot.com -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaPurple/skin.css','volume':77,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':true,'playlist':[{'title':'Hidup Untukmu Mati Tanpamu','url':'http://www.youtube.com/watch?v=hlxF0LefCtE'}]}" ></script>
<!-- SCM Music Player script end -->

Lihat perbandingannya yang diatas ini dengan yang dibawah ini:

<!-- SCM Music Player Start http://tyrexcom.blogspot.com -->
<script type="text/javascript" src="http://scmplayer.net/script.js"

data-config="{'skin':'skins/ganti warna dasar widgetnya dengan warna pilihan anda disini/skin.css','volume':atur volume awalnya disini 1-100,'autoplay':isi dengan false atau true dan pilih salah satu saja,'shuffle':isi dengan false atau true dan pilih salah satu saja,'repeat':pilih mau berapa kali pengulangan o dst,'placement':'mau diletakkan dimana widgetnya atas, bawah, kiri atau kanan','showplaylist':isi dengan false atau true dan pilih salah satu saja,'playlist':[{'title':'isi dengan judul lagunya disini','url':'letakkan url lagunya disini'}]}" ></script>

<!-- SCM Music Player script end -->

Dan ini cara menambahkan playlistnya

<!-- SCM Music Player Start http://tyrexcom.blogspot.com -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/scmGreen/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':true,'playlist':[{'title':'mimpi yang sempurna','url':'http://www.youtube.com/watch?gl=ID&amp;client=mv-google&amp;hl=en&amp;v=dyO1z6gShw8'},
{'title':'Hidup Untukmu Mati Tanpamu','url':'http://www.youtube.com/watch?v=hlxF0LefCtE'},
{'title':'Separuh aku','url':'http://www.youtube.com/watch?v=exfO49U6Ll4'},
{'title':'tak lagi sama','url':'http://www.youtube.com/watch?v=5RZy1Wlcrjc'}]}" ></script>
<!-- SCM Music Player script end -->


Untuk demo script diatas ini lihat saja dah disini Music 7 blog maka playlistnya akan bertambah menjadi 4 judul lagu, dengan skin warna hijau, jangan lupa ganti warna skinnya dengan warna favorit anda.


Sebenarnya script diatas ini sama saja seperti awal pembahasan cuma karena adanya permintaan bagaimana cara menambahkan playlistnya maka script diatas adalah contohnya, script diatas dengan 4 playlist lihat yang bertanda merah, biru, hijau, kuning itu adalah contohnya, jadi cara menambahkan playlistnya seperti ini:


<!-- SCM Music Player Start http://tyrexcom.blogspot.com -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/scmGreen/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'isi dengan judul lagunya','url':'isi dengan url lagunya'},

{'title':'isi dengan judul lagunya','url':'isi dengan url lagunya'},

{'title':'isi dengan judul lagunya','url':'isi dengan url lagunya'},

{'title':'isi dengan judul lagunya','url':'isi dengan url lagunya'}]}" ></script>
<!-- SCM Music Player script end -->

Nah seperti diatas ini contohnya jadi jika anda ingin menambahkan playlistnya dari situs manapun yang anda lakukan hanyalah menambah kode seperti ini {'title':'isi dengan judul lagunya','url':'isi dengan url lagunya'}


Bagaimana sudah paham kan, jika belum paham silahkan lakukan permintaan dan lagu apa yang akan sobat gunakan atau pasangkan pada blog sobat, mungkin saya akan membantu membuatnya. jika saya tidak sibuk akan balas secepatnya atau kirim via email saya untuk saya buatkan.

Untuk Request lagu ADISTA -Aku dan Dia silahkan ambil kodenya dibawah ini:

<!-- SCM Music Player Start http://tyrexcom.blogspot.com -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/cyber/skin.css','volume':77,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'ADISTA- Aku dan Dia','url':'https://www.youtube.com/watch?v=wQYs2i2qiVY'}]}" ></script>
<!-- SCM Music Player script end -->

Oke itulah tips kali ini yang bisa saya bagikan buat rekan-rekan semuanya tentang cara menambah widget pemutar musik di blog dengan lagu pilihan sendiri, atas kunjungan dan partisifasinya saya ucapkan terima kasih.

Nb.script diatas dan tutorialnya telah diubah kembali pada tanggal 19 maret 2013 dan jangan lupa stabilkan dulu mozilla firefoxnya disini cara mempercepat mozilla firefox untuk akses internet

Related Posts: