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 -->
<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
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&client=mv-google&hl=en&v=dyO1z6gShw8'},
<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&client=mv-google&hl=en&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 -->
<!-- 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'},
<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 -->
<!-- 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 -->
<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 -->
Untuk Demo lagu Adista Bisa dilihat disini: ADISTA - Aku dan Dia
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.