Membuat MP3 Player Tersembunyi

       
Alternatif lain untuk menampilkan musik blog berupa MP3 player dapat menggunakan tips berikut ini yaitu menampilakn MP3 Player tersembunyi.

Pengertian tersembunyi, MP3 Player akan tampil jika link MP3 yang ditampilkan di klik dan otomatis MP3 Playernya akan terbuka dan anda akan mendengarkan lagu sesuai dengan judul lagu yang di klik tadi.
Untuk menampilkan MP3 Player tersembunyi ini harus disertai sebuah file Java Script serta kode-kode tertentu.
Link MP3 yang digunakan nanti untuk sementara ini hanya bisa dari MP3 yang di upload pada Google Site, sedangkan link MP3 dari 4shared, ziddu, dan lain-lain tidak berlaku.
Disarankan bagi anda yang ingin mencoba memasang MP3 Player tersembunyi pelajari dulu Cara Upload File pada Google Site


Penasaran...Ikuti langkah-langkahnya :

  1. Download file Java Script disini kemudian upload pada situs tempat penyimpanan file anda.
  2. Script yang digunakan untuk anda copas.


    <div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 1"><strong>Judul lagu 1</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="    Url/Alamat Lagu.mp3- 2"><strong>Judul lagu 2</strong></a></p>
    </div><div class="qbox_mp3"> <p><a href="    Url/Alamat Lagu.mp3- 3"><strong>Judul lagu 3</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="    Url/Alamat Lagu.mp3- 4"><strong>Judul lagu 4</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="    Url/Alamat Lagu.mp3- 5"><strong>Judul lagu 5</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="    Url/Alamat Lagu.mp3- 6"><strong>Judul lagu 6</strong></a></p>
    </div><div class="qbox_mp3"> <p><a href="    Url/Alamat Lagu.mp3- 7"><strong>Judul lagu 7</strong></a></p> </div><script type="text/javascript" src="https://sites.google.com/site/epgstudiosite/javascript/player.js"></script>

    1. Url/Alamat Lagu.mp3- 1, 2, 3,4, 5, 6 dan 7 : ganti dengan alamat lagu/link lagu MP3
    2. Judul lagu 1, 2, 3, 4, 5,  6 dan 7 : ganti dengan judul lagu yang ingin ditampilkan.
    3. https://sites.google.com/site/epgstudiosite/javascript/player.js : merupakan file Js untuk tampilan MP3 Player. File Js itu milik EPG Studio. Ganti dengan alamat file Js anda yang telah di upload tadi.

  3. Jika anda masih bingung, coba copas script yang sudah jadi berupa koleksi MP3 Anak-anak (7 lagu MP3). Rapatkan seluruh kode agar jarak tampilan antar judul lagu tidak terlalu jarang.

    <div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/AKU%20ANAK%20SEHAT.mp3"><strong>AKU ANAK SEHAT</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/AKU%20SEORANG%20KAPITEN.mp3"><strong>AKU SEORANG KAPITEN</strong></a></p>
    </div><div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/KEPADA%20GURU.mp3"><strong>KEPADA GURU</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/KASIH%20IBU.mp3"><strong>KASIH IBU</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/SAYONARA.mp3"><strong>NAMA-NAMA RASA</strong></a></p> </div>
    <div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/MATAHARI%20TERBENAM.mp3"><strong>MATAHARI TERBENAM</strong></a></p>
    </div><div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudiosite/mp3/bunda.mp3"><strong>BUNDA</strong></a></p> </div><script type="text/javascript" src="https://sites.google.com/site/epgstudiosite/javascript/player.js"></script>

  4. MP3 Player ini dapat dipasang pada postingan maupun pada Sidebar


Demo : Coba anda klik Judul-judul lagu dibawah ini (matikan dulu MP3 Player pada sidebar agar suaranya tidak bertimpa).


AKU ANAK SEHAT
AKU SEORANG KAPITEN
KEPADA GURU
KASIH IBU
NAMA-NAMA RASA
MATAHARI TERBENAM
BUNDA


Selamat mencoba, semoga bermanfaat...!!! :D

1 komentar: