Banyak penyedia layanan Music Player untuk blog dengan berbagai macam model dan bentuk. Dan kali ini saya akan coba Share Widget Musik Player yang bentuknya toolbar yang bisa kita pasang diatas maupun dibawah blog. Kita akan menggunakan jasa gratis dari SCM Music Player. Ini dia sedikit kelebihan yang diberikan dari web musik player gratis ini :
- Support Blogger, Wordpress, Tumblr
- Mp3, Mp4, RSS Podcast atau Youtube Playlist
- Compatible dengan Crome, Firefox, Opera, Safari, IE
- Desain bebas utk Custom Skin RSS
Tertarik untuk mencoba ?
Yo Langsung ajj kita menuju KTP !!
Cara membuatnya cukup mudah hanya ada 3Step : Choose Skin > Edit Playlist > Configure Settings
1. Pertama Choose Skin. Disini kita bisa memilih Toolbar Skin Y akan kita pasang nantinya di blog atau kita bisa menggunakan Custom Skin CSS. Sebagai contoh disini saya akan menggunakan Skin Y berwarna hitam, seperti gambar dibawah ini :
2. Selanjutnya berlanjut pada Edit Playlist. Pada tahap ini kita bisa menyusun Playlist lagu secara manual dengan memasukkan judul dan link lagu Y bisa kita dapatkan di youtube, 4shared atau dari web penyedia musik lainnya. Atau kita bisa memanfaatkan RSS Podcast dari Playlist Youtube Y kita miliki. Bagi pengguna jasa Mbah Google : pasti sangat mudah utk mempunyai akun dari Youtube selain G+,Blogger, dll.
Sebagai contoh pemasangan disini saya akan memasang lagu secara manual dengan memasang link lagu dari Youtube. Buka Youtube > pilih lagu Y diinginkan. sebagai contoh saya pasang lagu dari Seconhandserenade - Is There Anybody Out There . Ambil/copy Linknya dan pastekan di edit playlist.
3. Berlanjut ke langkah Configure Settings, setting sesuai keinginan kita, Auto Start/Tidak, Shuffle Playback'a, Volume'a, Toolbar'a diatas/dibawah. Contohnya saya akan setting seperti gambar di bawah ini :
Terakhir klik Done utk mengambil kode scriptnya
4. Proses terakhir pemasangan pada blog. Sobat dapat memasangnya di dalam Template HTML atau pada Add Gadget/HTML di tata letak. Copy kode script'a dan pastekan dibawah <body> atau pada add gadget/HTML di tata letak.
Hasilnya bisa lihat disini: DEMO
>>>>>Selamat Mencoba<<<<<
4.5
keren, makasi dah berbagi :D
ReplyDeleteThanks Info
ReplyDeleteMampir Juga Ke bLog ane ya gan
http://semoga-bermanfaaat.blogspot.com
Nanti Kalau mau nambahin lagu lagi gimana mas Bro??
ReplyDelete@rickyromexio:gampang mas broo ,, tinggal tambahin ajj lg link lagu'a di song url, klo udah ambil kode n pasang ulang diblognya
ReplyDeletemaz aku lagunya kog g bsa jalan. padahal q ngambilnya dari 4shared
ReplyDeletesorry sob .
ReplyDeletemau tanya dong , ko aku udah coba langkah kamu itu tapi ngga bisa yaa , error:file not found .
gmn dong ajarin langkah2nya ? apa yang kurang yaa :(
thx before :)
@sipintar dari spentita:ambil url lagu 4shared Y lgsung play sob jgn Y link buat download
ReplyDelete@AdliahNia:salahnya dimana ? pas pasang kode script'a atau pas masukin link lagunya ?
ReplyDeletecoba ulang lagi langkah2'a mungkin ada Y terlewatkan . . .
thanks AdliahNi udah mampir dimari,
Gan, Pas masukin kode html di < body > atau apalah,
ReplyDeleteitu adanya dimana??
cara masukinnya gimana??
Pliss Reply ya,
thanks..
oii Gan, pas udah di paste masa keluar bacaan ini..
ReplyDelete"Galat saat mengurai XML, baris 943, kolom 2: The markup in the document following the root element must be well-formed."
itu kenapa?? mohon diperjelas..
thanks..
@Little Khawarizmi Blog:biar mudah dan ga ribet pasangnya jgn di template blog sobat , , , pasang aja di add gadget sidebar Y ada di tata letak blog sobat , , , ,
ReplyDeletethx mas bro, akhirnya nemu juga tutor yang tepat. kebetulan saya ada blog yang tentang musik,thx yah ud sharing :)
ReplyDeleteaduhhh susah nya minta ampun
ReplyDeleteWah ini asik banget tipsnya, kmarin2nya pasang lagu hnya untuk backsound aja, nyang ini cara memasang daftar lagi di blog...
ReplyDeletepraktik dlu lah...
yg d maksud lagu y apa? Sbab bru gan
ReplyDeletemas music gak muncul truz lgunya juga gak ada gimna ni mas , tolong reply
ReplyDeletekunjungi balik mas http://anaktelotelo.blogspot.com
ish beneran aku ga ngerti. aku pasang d tumblr, tapi bener2 ga bisa. ribet banget jadinya-_-
ReplyDeleteribet tauuu....
ReplyDeletesusah kgk ad buat choose skin edit nya dmna sii
ReplyDeletekakak - kakak ... bantu aku dong .. aku ga ngerti ...
ReplyDeletewah kudu dengan kode html ya mas??? ada ga yang fa pakai kode html
ReplyDeletethnk'zzz....
ReplyDeleteMav kawan, sobat, agan2 blogger saya baru buka blog lagi nh udah lama . . .
ReplyDeletedr byk coment Y masuk kaya'a tutorial Y saya buat di atas agak ribet ya ??? mohon mav nh buat Y masih gagal pemasangan lagu'a . . . .
ditunggu aja ya update-an tutorial di atas insyallah akan saya tambahin penjelasan'a biar lebih jelas lagi . . .
coming soon . . .
gan kok ane pake link 4shared lagunya gak jalan
ReplyDeletebisa di jelaskan dari 4shared link yang mana nya
gan, ngmbl lagunya itu apa harus dari youtube?? saya masang buat di tumblr dari saundcloud (sebenarnya bisa seh langsung dari soundcloud cuma pengen pke scm biar ga menuh2in tumblr) klo bisa gimana caranya ya? tampil seh tampil scm nya cuma ga nge play2 lagunya...
ReplyDeleteAlhamdulillah sudah bisa, berkat postingan ini saya bisa sisipkan musik di blog saya.
ReplyDeleteTerimakasih ilmunya :)
Terima kasih infonya,
ReplyDeleteKalau pake 4share pake linknya dari lagu yang kita upload ke 4share, insya Allah bisa...
salam kenal ya gann
ReplyDeleteMkasih nih informasinya moga sukses trus gan...
ReplyDeleteWah thanks infonya, kbtln nih lg nyari cara pasang lagu dweb, biar visitor betah :)
ReplyDeletemudah & berguna buat pemula kayak saya. terima kasih banyak. mohon berkunjung & bimbingannya ke blog saya.
ReplyDeletesipp gan,.....??? makasih
ReplyDeleteGan udah saya coba dan hasilnya berhasil tapi.... cuma batas 2 detik udah itu gk bisa jalan lagi gimana ini Gan tolong informasinya????? oh iya satu lagi saya download codenya dari youtube...!
ReplyDeletesaya kok masih ndak paham ya soalnya tampilan blog sekarang baru,
ReplyDeletethanks .. ya om. bwt informasinya... :D
ReplyDeletemakasih ya informasinya...
ReplyDeleteThanks ya! Dah dibantu.. :D
ReplyDeletekeren...^_^
ReplyDeletewaw..bisa dicoba agar tampilan blog kita lebih menarik ya..terima kasih
ReplyDeleteinfonya berguna banged^^
ReplyDeleteMakasih brat, Gan..seneng banget rsnya bs terpasang :D..tp sayangnya gak bs bnyak2 soalnya loadingnya jd alooot :D
ReplyDeletewah jadi bagus nanti blognya klo ditambah mp3, themes blogspotnya bagus bgt gan, ini bayar ato free? bisa didapat dimana gan ?
ReplyDeleteIni kan sbg backsound blog. Yang ingin sy tanyakan cr memasang MP3 pd postingan?
ReplyDeleteOK. Nice tips.. Bs langsung dipraktekan. Ini yg dr td ane cari2. Thank u ya..
ReplyDeletebagus banget infonya kk.. lagi belajar bkin musik di blog,...
ReplyDeleteblog rina 1
blog rina 2
bro kok udah gw coba malah ga ke play
ReplyDeleteThanks Gan Bwt infonya,,
ReplyDeleteSkrang Blog gw gx sepi lgi,,
saya masih bingung gan pas di nomor 4. itu maksudny apa sih
ReplyDeletesekedar info.. untuk pembuatan lagu dari 4 shared, mp3ruler.. harus buat acount 4shared dulu. thank's salam kenal..
ReplyDeleteguy's jalan2 yuck ke http://ariezetri.wordpress.com
kalo pengen ngehapus lagu atau mp3 ny gimana?
ReplyDeletewaaah info keren boss,ini langsung aku coba dan...bravo lah
ReplyDeleteka, mau tanya dong. ini nge pastenya di mana? aku binguung -,-
ReplyDeletebuat di tumblr ka
wah,, terima kasih artikelnya,,
ReplyDeleteTapi saya masih bingung sob...
thanks gan atas petunjuk nya....
ReplyDeleteu are great..
memang nih blogg pertamaxx mengajari anak yg blom tw turi blog
ReplyDeletemaksih buat ilmunya, berguna banget :)
ReplyDeletemampir ke blog ku ya http://dianapetra.blogspot.com/
thanks infonya gan..,
ReplyDeletemantap.!
dah di coba 100% work
mampir di blog ane juga ea gan..,
ardibudjangeemak.blogspot.com
Tank banget gan,,ini yg ku cr1
ReplyDeletewww.elhaq-pos.blogspot.com
Nice Info :D
ReplyDeleteMampir juga ya ke blog saya http://aang-community.blogspot.com
Jangan lupa follow, nanti saya follback!
Terima kasih :D
Wih Pro benget nih makasih bang
ReplyDeletemau tanya nih kak...maksudnya < body > itu dimananya? kok gak ketemu?
ReplyDeletebingung gan
ReplyDeletesukses...Thanks Gantolin!!!
ReplyDeletekeren.. keren..
ReplyDeleteoyya..
salam kenal to teman2 blogger..
http://howto-internet.blogspot.com/
mantep infonya
ReplyDeletemlm gan,,,ijin copas abis artikel yang ini ya!!! thnks.
ReplyDeleteane coba dulu gan
ReplyDeletemudah2an berhasil..
mampiir ke gubuk ane ya gan
http://backlink21.blogspot.com
malam om.. mp3 gue gk mau bunyi diblog..
ReplyDelete1.kan pertama dapat embed code dimp3skull gue copy.nih linnknya http://mp3skull.com/mp3/republik_sudah_cukup.html
2.gue ikuti carra diatas,dapat codenya.
3.diblognya>tata letak>tambah geadged>Html.
4.gue copy tuh codenya>save
koreksinya om ada yang salah kira2???
mohon bantuannya..
@mustakim geos:Embed code'a Y salah sob, klo Y sobat cantumin diatas itu alamat link download lagu'a. Dimp3skull sendiri embed code'a diambil dari 4shared kbnyakan, jadi buat link lagu'a klo bisa ambil di youtube ajj paling gampang'a atau di 4shared tp dgn sdkit proses . . .
ReplyDeleteThankz'y atas sharing ilmu'y...
ReplyDeletethanks gan
ReplyDeleteoh iya kunjungin juga ya blog saya di konspirasimassal.blogspot.com
thanks bro infonya :D bermanfaat banget
ReplyDelete>>
ReplyDeletemakasiiiiih..jd bs masukkin lagu2 fave aq..
http://laqiqu.blogspot.com/
>>
ReplyDeletemakasiiih banget..
asyiix..jd bisa masukkin lagu2 fave d blog sederhana aq..
http://laqiqu.blogspot.com/
Makasih. pertama bingung tapi akhirnya bisa :)
ReplyDeleteSangat bermanfaat gan.. Terima kasih..
ReplyDeleteABY FARHAN..
ReplyDeleteMAKASIH UDAH BAGI" INFO
TAPI WAKTU AKU PAKE LINK 4 SHARED KOK NGAK BISA YAA ??
APA ADA YANG SALAH
Keren Tutorialnya Saya Udah Pakai Dan Berhasil Coba cek aja disini www.zulkarnain-ginting.blogspot.com trims infonya gan..
ReplyDeletegan aq kok gak bisa ya pas paste URL nya... ??? T_T
ReplyDeletewah gan .. kok ngga bisa ya .. pas di tambah URL nya malah ada tulisan "Mohon maaf, sepertinya gadget ini rusak."
ReplyDelete"Gadget ini bermasalah, dan tidak dapat digunakan hingga diperbaiki"
itu kenapa ya ?
Terima kasih sob infonya.. Sangat bermanfaat..
ReplyDeleteajibb nih bisa milih lagu sendiri..thanks kang.
ReplyDeletesalam kenal
ini macet2 yah lagunya?
ReplyDeleteMAS SAYA GK NGERTI YG TERAHIR TU DOANK!!
ReplyDeleteGMNA TU MAS BISA JELASIN GK
wKWKWKW
ReplyDeleteOK GAN BISA JUGA PERTAMAXX
MAS NI HARUS YOUTUBE APA BOLEH YANG LAIN MISALNYA 4 SHARED
ReplyDeleteBALES YA
ijin ngenyot gan~ nyot nyot di kenyot nyoooooot~
ReplyDeleteterimasih infonya gan... cukup menarik
ReplyDeleteTerima kasih infonya gan
ReplyDeleteSangat Bermanfaat mas,, visit back tuk lihat hasilnya... :D
ReplyDeletethanks bro...
ReplyDeleteMksih ya atas infonya....
ReplyDeletesangat membantu kang, akhirnya saya bisa memasang mp3 di blog saya. trimakasih banyak mas.
ReplyDeletewah mantap nih buat di coba ...
ReplyDeleteoh gini yah caranya, pantes saja saya ga bisa, mantap lah
ReplyDeleteinfo yang sangat bermanfaat sekali buat di simak, ..
ReplyDeleteartikel yang bagus sob, sukses selalu buat di coba ..
ReplyDeletemakasih artikel yang bagus dan bermanfaat..
ReplyDeletesukses slalu salam blogger
Makasih informasinya, lngsung di psng nih lagunya di my blog...
ReplyDeleteterima ksih gan, main main ke blog saya, salam kenal, blognya agan bagus: Tutorial Blog
ReplyDeletedi coba klw ga berhasil ane balik lagu, jgn lupa kunjungi blog ane untuk liat hasil dan artikel menarik
ReplyDeleteTq Caranya gan..
ReplyDeletemampir ke blog ane ya..
Btw itu emang lagunya kudu buffer dlu ye gan..
Jika dipasang seperti itu pa loadnya tidak berat ya nanti??
ReplyDeletethank's sob!
ReplyDeleteit works :D
wah,,terima kasih untuk informasinya,,langsung coba di praktekan
ReplyDeleteIzin
ReplyDeleteuntuk memperaktekkan gan !
nice share
thanks
wow...
ReplyDeletehttp://www.kawanku.asia
Izin praktek sob :D
ReplyDeleteMakasih udah di share :D
Than'x Bgt Gan infonya Lain Kali mampir ke http://a7xgodhatesus.blogspot.com/ tentang Semua tentang avenged sevenfold ada di blog Ane ^_^
ReplyDeleteko aku ga bisa ya? apa cuma bisa di beberapa templete aja?
ReplyDeletecm copy scriptnya kan itu?
Makasih Ea Gan Infonya....
ReplyDeleteMampir juga ea ke Blog Ane backspaceonly.blogspot.com
ini yang sudah lama saya cari.trims bro atas tipsnya
ReplyDeleteinfo yg sangat bagus dan bermanfaat bagi blog saya,,,saya harap agan mau berkunjung balik ke blog saya www.ankurniawan.blogspot.com dan berikan sedikit komentar untuk blog saya...TERIMA KASIH
ReplyDeleteinfo yg sangat menarik dan bermanfaat bagi blog saya,,,, kunjungi blog saya kembali gan www.ankurniawan.blogspot.com dan berikan sedikit komentar TERIMA KASIH
ReplyDeletethankss bro....
ReplyDeletenice artikelnya sob...
ReplyDeletekunjungan balik yak ke blog ane..
Langsung dicoba, makasih ilmunya
ReplyDeleteko' z g' bisa gan, pdhal z dah ambil Url nya lngsung n bukan d'url downloadx, tp masih g' bisa terputar, mohon d'konfirm
ReplyDeletetrims
mantab
ReplyDeleteterimakasih atas postingannya,sangat membantu.
KOk AKU gk bisa yaa,,, apa fileterllau berat???
ReplyDelete@reza herisla udah lama ga meraktekin beginian hehee, dicoba lagi gan langkah2'a . .
ReplyDeletepaling gampang link dari youtube dan 4shared
@Princess Of The Rain Maybe . .
ReplyDeleteDicoba lagi ajj, tp pake cara ini emank agak berat jika memiliki koneksi internet Y lambat . . . makan kuota
cukup informatif gan..
ReplyDeletemhon bantuan x mas broo q dah coba gak bisa klau boleh tau bisa dengan tutorial video x gak eaaa,,,,,,?
ReplyDelete