Widget Music Player SM

Music Player SM merupakan widget blogger yang memungkinkan anda mendengarkan musik dengan bufering dari masing- masing url lagu. Anda juga bisa mensetop, memutar dan menganti daftar lagu yang ingin anda putar.

Untuk Upload Lagu anda bisa pergi ke Google Sites

Untuk Konvert Lagu agar ukuran file menjadi kecil Disini

Suport oleh Adobe Flash Player

Demo    Instalasi

Note!

1. Untuk mengganti anda cukup merubah URL LAGU dan JUDUL LAGU
   

<li><a onclick="musicSMdonk('URL LAGU','JUDUL LAGU');">1. JUDUL LAGU</a></li>

Pemasangan Music Player SM

Music Player SM merupakan widget blogger yang memungkinkan anda mendengarkan musik dengan bufering dari masing- masing url lagu.

Lanjutbatalkan

Perihal Lisensi

Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.

Widget Music Payer SM di desain oleh Santa Mars. =========Edited IRvan EFendy======== Anda boleh mengedit widget ini, tapi anda tidak diijinkan menghapus Credit yang telah dibuat. Hargailah kerja keras orang lain, supaya mereka dapat mengcreasikan sesuatu yang baru lagi. Suport by Adobe Flash Player Kebijakan dan Privasi http://irvan-efendy.blogspot.com/2013/03/kebijakan-privasi.html Jika anda telah menyetujui lisensi diatas, anda bisa melanjutkan pemasangan.

MundurSetujubatalkan

Tutorial Memasang Part 1

Pilih Tab Template lalu klik Edit HTML Letakkan CSS berikut di atas ]]></b:skin>

.musikplayer-bie{position:fixed;z-index:296;bottom:10px;left:10px;} .dalem-musikplayer{background:#333;color:white;width:300px;padding:6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black;display:inline-block;} .dalem-musikplayer a{cursor:pointer;color:#0186CB;} .dalem-musikplayer a:hover{color:#0186CB;text-decoration:underline;} #daftarputar-bie{position:relative;z-index:297;display:none;max-height:200px;padding:6px;margin-bottom:-20px;overflow:scroll;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black} #daftarputar-bie ul{list-style:none;margin:0px 0px 20px 0px;padding:0;} #daftarputar-bie ul li{height:18px;overflow:hidden;background:#555;margin:2px;padding:2px 10px;-webkit-transition:all .26s ease-out;-moz-transition:all .26s ease-out;-o-transition:all .26s ease-out;transition:all .26s ease-out} #daftarputar-bie ul li:hover{padding:2px 10px 2px 20px;background:#444;border-left:3px solid #0186CB} #daftarputar-bie ul li a{color:#aaaa99;text-transform:capitalize} #daftarputar-bie ul li a:hover{color:#aaaa99;text-decoration:none;} .musik-bie{position:relative;z-index:298;background:#333;box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;padding:6px;} #hideshow-music1,#hideshow-music2{cursor:pointer;display:inline-block;}

MundurLanjutbatalkan

Tutorial Memasang Part 2

Buat Gadget HTML/JavaScript baru Masukkan Elemen ini dan klik Simpan

<div class="musikplayer-bie"> <div id="hideshow-music1"><a onclick="$('.musikplayer-bie').animate({'left':'-300'},500);$('#hideshow-music2').show('slow');$('#hideshow-music1').hide('slow');"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhpvki6fw5NEiYtmpdzKcLpjfvpwwTJ-BMVarZRzbp8nMdU2R8Ss5F0eB5FO83ciuHdNv9bP5m4obdo6Uh__u1JHrD_kq18lm-weDkW-KSMG3SWYs6j1Ohd7HXNU3u4LmJl9K65biAWY/s1600/left_arrow_gray.png"/></a></div> <div class="dalem-musikplayer"> <div id="daftarputar-bie"><ul> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Fatin%20-%20Grenade.mp3','Fatin - Grenade');" target="_blank">1. Fatin - Grenade</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Fatin%20-%20Pumped%20Up%20Kicks.mp3','Fatin - Pumped Up Kicks');">2. Fatin - Pumped Up Kicks</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Fatin%20Ft%20Rihanna%20-%20Diamonds.mp3','Fatin Ft Rihanna - Diamonds');" target="_blank">3. Fatin Ft Rihanna - Diamonds</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Adele%20-%20Set%20Fire%20To%20The%20Rine%20%28Versi%20Reggae%29.mp3','Adele - Set Fire To The Rain(Version Reggae)');" target="_blank">4. Adele - Set Fire To The Rain (Version Reggae)</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/A7X%20-%20Dear%20God.mp3','Avenged Sevenfold - Dear Good');">5. Avenged Sevenfold - Dear Good</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Daphne%20Willis%20-%20Do%20What%20You%20Want%20%28Windows%208%20Commercial%20Song%29.mp3','Daphine - What You Want');" target="_blank">6. Daphine - What You Want</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/LP%20-%20Shadow%20Of%20The%20Day.mp3','Linkin Park - Shadow Of The Day');" target="_blank">7. Linkin Park - Shadow Of The Day</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/M%20Gonna%20Getcha%20Good.mp3','M Gonna Getcha Good');" target="_blank">8. M Gonna Getcha Good</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Maroon%205%20-%20one%20more%20night.mp3','Maroon 5 - One More Night');" target="_blank">9. Maroon 5 - One More Night</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Maroon5%20-%20Payphone.mp3','Maroon 5 - Payphone');" target="_blank">8. Maroon 5 - Payphone</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/ONE%20Direction.mp3','One Directions');" target="_blank">10. One Directions</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Rihanna%20-%20Drunk%20on%20love.mp3','Rihanna - Drunk On Love');" target="_blank">11. Rihanna - Drunk On Love</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Rihanna%20-%20You%20Da%20One.mp3','You Day One');" target="_blank">12. Rihanna - You Day One</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Rihanna%20-%20We%20found%20love.mp3','Rihanna - We Found Love');" target="_blank">13. Rihanna - We Found Love Love</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Rihanna%20-%20Only%20Girl%20%28In%20The%20World%29.mp3','Rihanna - One Girl In The Word');" target="_blank">14. Rihanna - One Girl In The Word</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Naif-Posesif.mp3','Naif - Posesif');" target="_blank">15. Naif - Posesif</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Tipe%20X-Indonesia%20Sayang.mp3','Tipe X - Indonesia Sayang');">16. Tipe X - Indonesia Sayang</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/DJ%20-%20Morena%20Remix%202012-1.mp3','DJ - MOrena');" target="_blank">17. DJ Morena</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Sagita%20-%20Ngamen%206%20-%20Moto%20Merem.mp3','Sagita - Moto Merem');" target="_blank">18. Sagita - Moto Merem</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Sagita%20-%20Ngamen%207%20-%20Urip%20Mung%20Sedelo.mp3','Sagita - Urip Mong Sedelo');" target="_blank">19. Sagita - Urip Mong Sedelo</a></li> <li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/Rumput%20Laut%20-%20Pantai%20Mimpi.mp3','Rumput Laut - Pantai Mimpi');" target="_blank">20. Rumput Laut - Pantai Mimpi</a></li> </ul></div> <div class="musik-bie"></div> </div> <div id="hideshow-music2" style="display:none"><a onclick="$('.musikplayer-bie').animate({'left':'10'},500);$('#hideshow-music1').show('slow');$('#hideshow-music2').hide('slow');"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPR1uuBcm8QnAJzIlok6t0RhNj37lkra_VlTWmqGQ_1BbtyeGjyJze60zTu5CfXuP1SE7Dd7Qk0IYzsscIef-DMwsiEQNNXeWLpArqkZlQrSOMhj-QyGm5Bm8Ll9iPd-CQQiQxrHknNps/s1600/right_arrow_gray.png"/></a></div> </div> <script> function musicBIEdonk(lagu,judul){ var album=window.location.hostname; var srcmp3='http://beemp3.com/player/player.swf?soundFile='+lagu; srcmp3+='&autostart=yes'; srcmp3+='&loop=yes'; srcmp3+='&bg=0x000000&leftbg=0x0251C9&lefticon=0xF2F2F2&rightbg=0xD67919&rightbghover=0x1BAD07&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0xE0E3F4&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910'; var tulisNew='<div style="clear:both;padding:1px">'; tulisNew+='<center><a style="color:#aaaa99;text-transform:capitalize" href="'+lagu+'" target="_blank">'+judul+'</a></center>'; tulisNew+='</div>'; tulisNew+='<div style="width:100%;text-align:center;"><div style="width:30px;height:20px;overflow:hidden;display:inline-block;vertical-align:middle"><div><embed id="embed-music" wmode="transparent" src="'+srcmp3+'" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="top" width="230" height="21"></embed></div></div>'; tulisNew+='<div style="display:inline-block;vertical-align:middle"> &#183; <a href="javascript:void(0)" onclick="if($(this).html()==\'Play\'){$(\'#embed-music\').parent().show();$(this).html(\'Stop\')}else{$(\'#embed-music\').parent().hide();$(this).html(\'Play\')}">Stop</a>'; tulisNew+=' &#183; <a id="buka-daftar" onclick="if($(this).html()==\'Tutup Daftar\'){$(\'#daftarputar-bie\').hide();$(this).html(\'Daftar putar\')}else{$(\'#daftarputar-bie\').show();$(this).html(\'Tutup Daftar\')}">Daftar putar</a> &#183; \x3C'+'a hr'+'ef="ht\x74\x70\x3A'+'\x2F\x2F\x69\x72\x76\x61\x6E-\x65\x66\x65\x6E\x64\x79.b\x6C\x6Fg'+'spot\x2E\x63om\x22\x20\x74\x69tle="Wid'+'get Mus'+'ic Pl'+'ayer BI'+'E" target="_blank"><img src="http://\x31\x2E\x62\x70.blogspot.com/-A0d2aljEFl0/UP82tbsD_FI/AAAAAAAABwo/xX15x1l2TGc/s1600/widget-'+'original-sm.png"/></div></div>'; if($('.musik-bie').length==0){$('.keterangan-postingan').append('<div class="musik-bie">'+tulisNew+'</div>')}else{$('.musik-bie').html(tulisNew)} }</script> <script>musicBIEdonk('https://irv4n-music.googlecode.com/files/Train%20-%20Hey%20Soul%20Sister.mp3','Train - Hey Soul Sister');</script>

MundurLanjutbatalkan

Instalasi Music Player SM Selesai

Terimakasih anda telah memasang Widget Music Player SM, semoga dapat bermanfaat. by Irvan Efendy Copyright © 2013

Selesai