Ini adalah artikel pertama saya di blog ini...terkait dengan banyaknya email yang masuk tentang pertanyaan cara membuat Musik Player yang sudah kami pasang di Blog www.musikgratissaja dan Mp3-mandarin.blogspot.com , maka kami akan jawab melalui artikel ini ..Oke langsung aja ya biar tangan ga keburu pegel....
Caranya :
Copy kode di bawah ini :
01 .
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/Herlan12/CSS/master/brown.css"></link> <script type="text/javascript" src="http://yourjavascript.com/1129614321/jquery-1-6-1-min.js"></script> <script type="text/javascript" src="http://yourjavascript.com/1341621852/jquery-jplayer.js"></script> <script type="text/javascript" src="http://yourjavascript.com/2211469121/bayer.js"></script>
02. Lalu buka template HTML cari Kode <body> kemudian paste kode di atas tadi tepat sebelum kode <body> save Template
03. Upload file mp3 sobat ke http://kiwi6.com/ tentunya harus register dong
04. Klik file yang sudah di upload ke kiwi
05. Lihat pada halaman bagian kanan ambil kode share Link dan Kode Direct Hotlink
06. Contoh : Share Link http://kiwi6.com/file/8vb3gwtvn9
Direct Hotlink http://k002.kiwi6.com/hotlink/8vb3gwtvn9/dadali_-_disaat_sendiri.mp3
07. Sekarang saatnya kita buat artikel pada blog sobat
08. seperti biasa kita Klik buat entri barudalam Mode compose beri dulu judul dan keterangan bla bla bla terserah ente
09 . sekarang dalam Mode HTML untuk Publish Player Musik sobat lalu Kopi kode di bawah ini
<script async='async' type="text/javascript">
var myPlaylist = [
{
mp3:'http://k002.kiwi6.com/hotlink/8vb3gwtvn9/dadali_-_disaat_sendiri.mp3',
title:'Di Saat Sendiri',
artist:'Dadali',
rating:4,
duration:'',
buy:'http://kiwi6.com/file/8vb3gwtvn9',
cover:'http://1.bp.blogspot.com/-Ahb9HTV3atA/VoEdJApN1jI/AAAAAAAAEAo/B2PrYIZV38o/s200/Meng%2Bmeng%2Bda%2Btian%2Btuan%2B-%2BNi%2Bshi%2Bwo%2Bde%2B%2Btian.jpg'
}, ];
</script>
<div class="ttw-music-player">
<script async='async' type="text/javascript">
$(document).ready(function(){ var description = ''; $('.ttw-music-player').ttwMusicPlayer(myPlaylist, { autoplay:true, description:description, jPlayer:{ swfPath:'jquery-jplayer' //You need to override the default swf path any time the directory structure changes } }); });
</script>
</div>
Merah : Kode Direct Hotlink Mp3 sobat
Coklat : Kode share link Mp3 sobat
Merah Tua : alamat url gambar sobat
Biru ganti dengan Title lagu sobat dan Nama penyanyinya
Sudah selesai ...Tapi itu baru satu lagu belum berikut playlist
Caranya Tinggal copy paste Kode tadi
Contoh :
<script async='async' type="text/javascript">
var myPlaylist = [
{
mp3:'http://k002.kiwi6.com/hotlink/8vb3gwtvn9/dadali_-_disaat_sendiri.mp3',
title:'Di Saat Sendiri',
artist:'Dadali',
rating:4,
duration:'',
buy:'http://kiwi6.com/file/8vb3gwtvn9',
cover:'http://1.bp.blogspot.com/-Ahb9HTV3atA/VoEdJApN1jI/AAAAAAAAEAo/B2PrYIZV38o/s200/Meng%2Bmeng%2Bda%2Btian%2Btuan%2B-%2BNi%2Bshi%2Bwo%2Bde%2B%2Btian.jpg'
},
{
mp3:'http://k002.kiwi6.com/hotlink/8vb3gwtvn9/dadali_-_disaat_sendiri.mp3',
title:'Di Saat Sendiri',
artist:'Dadali',
rating:4,
duration:'',
buy:'http://kiwi6.com/file/8vb3gwtvn9',
cover:'http://1.bp.blogspot.com/-Ahb9HTV3atA/VoEdJApN1jI/AAAAAAAAEAo/B2PrYIZV38o/s200/Meng%2Bmeng%2Bda%2Btian%2Btuan%2B-%2BNi%2Bshi%2Bwo%2Bde%2B%2Btian.jpg'
},
{
mp3:'http://k002.kiwi6.com/hotlink/8vb3gwtvn9/dadali_-_disaat_sendiri.mp3',
title:'Di Saat Sendiri',
artist:'Dadali',
rating:4,
duration:'',
buy:'http://kiwi6.com/file/8vb3gwtvn9',
cover:'http://1.bp.blogspot.com/-Ahb9HTV3atA/VoEdJApN1jI/AAAAAAAAEAo/B2PrYIZV38o/s200/Meng%2Bmeng%2Bda%2Btian%2Btuan%2B-%2BNi%2Bshi%2Bwo%2Bde%2B%2Btian.jpg'
},
{
mp3:'http://k002.kiwi6.com/hotlink/8vb3gwtvn9/dadali_-_disaat_sendiri.mp3',
title:'Di Saat Sendiri',
artist:'Dadali',
rating:4,
duration:'',
buy:'http://kiwi6.com/file/8vb3gwtvn9',
cover:'http://1.bp.blogspot.com/-Ahb9HTV3atA/VoEdJApN1jI/AAAAAAAAEAo/B2PrYIZV38o/s200/Meng%2Bmeng%2Bda%2Btian%2Btuan%2B-%2BNi%2Bshi%2Bwo%2Bde%2B%2Btian.jpg'
},
];
</script>
<div class="ttw-music-player">
<script async='async' type="text/javascript">
$(document).ready(function(){ var description = ''; $('.ttw-music-player').ttwMusicPlayer(myPlaylist, { autoplay:true, description:description, jPlayer:{ swfPath:'jquery-jplayer' //You need to override the default swf path any time the directory structure changes } }); });
</script>
</div>
Nah itu ada 4 lagu playlistnya ganti masing masing lagu propertinya sesuai Mp3 yang udah di upload
sudah selesai kalo playlisnya di bawah 10 lagu bisa di dalam artikel kita tapi kalo di atas 20 lagu menggunakan cara di atas bisa loading blog anda Lola banget alias lemots
Nanti di update lagi artikelnya keburu cape ...atau tunggu beberapa komentar ntuk membuat playlist yang banyak
Tidak ada komentar:
Posting Komentar