Silent Fuck Distrurb: Widget Music Player SM

Sabtu, 14 Desember 2013

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 Code

Untuk Konvert Lagu agar ukuran file menjadi kecil Disini

Suport oleh Adobe Flash Player

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('http://not-remove-admin-2.googlecode.com/files/Ladies%20Is%20Pimps%20to%20%282012%29.mp3','Bruno Mars - Ladies Is Pimps to');" >1. Bruno Mars - Ladies Is Pimps to</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%2003%20Holiday.mp3','Green Day - Holiday');" >2. Green Day - Holiday</a></li>
<li><a onclick="musicSMdonk('https://not-remove-admin-2.googlecode.com/files/Jika%20Kami%20Bersama.mp3','Superman Is Dead - Jika Kita Bersama');">3. Superman Is Dead - Jika Kita Bersama</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%20Payphone.mp3','Maroon 5 - Payphone');" >4. Maroon 5 - Payphone</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');" >5. Avenged Sevenfold - Afterlife</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%20Just%20The%20Way%20You%20Are.mp3','Bruno Mars - Just The Way You Are');">6. Bruno Mars - Just The Way You Are</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Poppies%20Dog%20Anthem.mp3','Superman Is Dead - Poppies Dog Anthem');" >7. Superman Is Dead - Poppies Dog Anthem</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/03%20-%20Leave%20Out%20All%20The%20Rest.mp3','Linkin Park - Leave Out All The Rest');" >8. Linkin Park - Leave Out All The Rest</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/09%20-%20Collapse.mp3','Saosin - Collapse');">9. Saosin - Collapse</a></li>
</ul></div>
<div class="musik-sm"></div>
</div>
<div id="hideshow-music2" style="display:none"></div>
</div>

<script src="https://sites.google.com/site/blogsantamars/css-santa-mars/musicplayersm.js"></script>
<script>musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');</script>

MundurLanjutbatalkan

Instalasi Music Player SM Selesai

Selesai

Tidak ada komentar:

Posting Komentar

Peraturan Berkomentar :
✔ Berkomentarlah Sesuai Artikel Diatas
✔ Berkomentarlah Menggunakan Bahasa Yang Jelas
✔ Relevan
✔ Sopan
✖ SPAM
✖ Link Aktif (Live Link)
✖ Promosi (Iklan)
✖ OOT (Out Of Topic)