Widget music player

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!

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.

MundurSetujubatalkan

Tutorial Memasang Part 1

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

.musikplayer-sm{position:fixed;z-index:296;bottom:38px;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-sm{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-sm ul{list-style:none;margin:0px 0px 20px 0px;padding:0;}
#daftarputar-sm 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-sm ul li:hover{padding:2px 10px 2px 20px;background:#444;border-left:3px solid #0186CB}
#daftarputar-sm ul li a{color:#aaaa99;text-transform:capitalize}
#daftarputar-sm ul li a:hover{color:#aaaa99;text-decoration:none;}
.musik-sm{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-sm">
<div id="hideshow-music1"></div>
<div class="dalem-musikplayer">
<div id="daftarputar-sm"><ul>
<li><a onclick="musicSMdonk('https://irv4n-music.googlecode.com/files/Fatin%20-%20Grenade.mp3','Fatin - Grenade');" >1. Fatin - Grenade</a></li>
<li><a onclick="musicSMdonk('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="musicSMdonk('https://irv4n-music.googlecode.com/files/Fatin%20Ft%20Rihanna%20-%20Diamonds.mp3','Fatin Ft Rihanna - Diamonds');">3. Fatin Ft Rihanna - Diamonds</a></li>
<li><a onclick="musicSMdonk('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)');" >4. Adele - Set Fire To The Rain(Version Reggae)</a></li>
<li><a onclick="musicSMdonk('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="musicSMdonk('https://irv4n-music.googlecode.com/files/Maroon%205%20-%20one%20more%20night.mp3','Maroon 5 - One More Night');">6. Bruno Mars - Maroon 5 - One More Night</a></li>
<li><a onclick="musicSMdonk('https://irv4n-music.googlecode.com/files/Maroon5%20-%20Payphone.mp3','Maroon 5 - Payphone');" >7. Maroon 5 - Payphone</a></li>
<li><a onclick="musicSMdonk('https://irv4n-music.googlecode.com/files/ONE%20Direction.mp3','One Directions');" >8. One Directions</a></li>
<li><a onclick="musicSMdonk('https://irv4n-music.googlecode.com/files/Rihanna%20-%20We%20found%20love.mp3','Rihanna - We Found Love');">9. Rihanna - We Found Love</a></li>
</ul></div>
<div class="musik-sm"></div>
</div>
<div id="hideshow-music2" style="display:none"></div>
</div>

<script src="https://gadget-irvan.googlecode.com/files/musicplayer.js"></script>
<script>musicSMdonk('https://irv4n-music.googlecode.com/files/Fatin%20-%20Girl%20On%20Fire.mp3','Fatin - Girl On Fire');</script>

MundurLanjutbatalkan

Instalasi Music Player SM Selesai

Selesai