Widget music player ~ Blog Irvan Efendy

Music Player BIE 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="musicBIEdonk('URL LAGU','JUDUL LAGU');">1. JUDUL LAGU</a></li>

Pemasangan Music Player BIE

Music Player BIE 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.

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/p/privacy-policy.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: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-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"></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');" >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');">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)');" >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/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="musicBIEdonk('https://irv4n-music.googlecode.com/files/Maroon5%20-%20Payphone.mp3','Maroon 5 - Payphone');" >7. Maroon 5 - Payphone</a></li>
<li><a onclick="musicBIEdonk('https://irv4n-music.googlecode.com/files/ONE%20Direction.mp3','One Directions');" >8. One Directions</a></li>
<li><a onclick="musicBIEdonk('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-bie"></div>
</div>
<div id="hideshow-music2" style="display:none"></div>
</div>

<script src="https://raw.githack.com/blogirvan/myscript/main/musicplayer.js"></script>
<script>musicBIEdonk('https://irv4n-music.googlecode.com/files/Fatin%20-%20Girl%20On%20Fire.mp3','Fatin - Girl On Fire');</script>

MundurLanjutbatalkan

Konsep Instalasi Selesai

Selesai

1. Fatin - Grenade
2. Fatin - Pumped Up Kicks
3. Fatin Ft Rihanna - Diamonds
4. Adele - Set Fire To The Rain (Version Reggae)
5. Avenged Sevenfold - Dear Good
6. Bruno Mars - Maroon 5 - One More Night
7. Maroon 5 - Payphone
8. One Directions
9. Rihanna - We Found Love

Balas Hapus

IRVAN EFENDI 20 November, 2013

hajarr gan,, wokwokk =p*

IRVAN EFENDI 28 January, 2014

hehee
monggo di coba kang :p

💬 Peraturan dalam berkomentar :
➥ Budayakan berkomentar sesudah membaca artikel sob.
➥ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
➥ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, dan Profokasi.
➥ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT).
➥ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.

Konversi Kode Konversi KodeOut Of TopicEmoticon

Terima kasih telah berkomentar