Kali ini ane akan berbagi tips bagaimana caranya cara menambah widget pemutar musik di blog dengan lagu pilihan sendiri langsung saja tanpa basa basi lagi, cekidot :D1.Langkah pertama anda perhatikan dulu script yang saya kasih di bawah ini:
<!-- SCM Music Player start http://aditwoo.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 biruanda 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://aditwoo.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://aditwoo.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://aditwoo.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://aditwoo.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'},
{'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://aditwoo.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.
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
1 Comentarios
thank's membantu sekali .. huhu ;)
BalasHapus