Postingan Terbaru :

Home » , » Cara Memasang MP3 Player Di Blog

Cara Memasang MP3 Player Di Blog

Pertama-tama, tentukan media yang anda inginkan untuk diembed lebih dari satu. Dalam hal ini mari kita gunakan MP3. Sudah? Oke, sekarang, embedlah lagu-lagu tersebut secara terpisah, dan namakan sesuai nomor 

contoh :
lagu a = 1.htm
lagu b = 2.htm
lagu c = 3.htm

Dimana, anda harus membuat di tiap halaman, file yang diembed disembunyikan, dengan besar 1x1pix. Jangan lupa beri text pada tiap halaman yang diembed informasi mengenai lagu yang diembed pada halaman tersebut.
Untuk lebih jelasnya, berikut kode satu halaman yang diembed :
<html>
<head><title>EMBED1</title></head>
<body>
<embed src="1.mp3" width="1" height="1" hidden>
<marquee width="145">lagu no satu neeeh....</marquee>
</body></html>
Disana bisa dilihat bahwa file yang diembed adalah "1.mp3" dengan tinggi 1 dan lebar 1 dan disembunyikan dengan atribut "hidden>". Kemudian terdapat pula informasi mengenai lagu yang saya embed yaitu "<marquee width="145">lagu no satu neeeh....</marquee>" 

Jika anda menggunakan frontpage, kopi paste saja kode diatas di bagian HTML. Kemudian, bukatlah sebuah file html yang baru, yang didalamnya tertulis "lagu tidak diputar", dan beri nama file tersebut : "lagutidakdiputar.htm" (tanpa tanda kutip) 


Setelah semuanya diembed dengan nama yang berbeda beda, sekarang kita akan membuat playernya. Player ini bisa terdepat di index.htm situs anda atau di halaman baru, itu semua terserah Anda.

Player sendiri terdiri dari link-link yang menghubungkan player dengan halaman dari lagu yang sudah diembed tadi dengan menggunakan fitur yang disebut INLINE FRAME. oke, kita anggap, halaman dimana lagu diembed tadi berjumlah tiga buah. Yang perlu dilakukan adalah menyiapkan sebuah halaman dengan tiga link dengan target inline frame dan sebuah inline frame. langsung saja dilihat kode berikut :
<html>
<head>
<title>Player</title>
</head>
<body>
<a title="LAGU SATU" target="playsong" style="text-decoration: none; font-weight:
700" href="1.htm">1</a>
<a title="LAGU DUA" target="playsong" style="text-decoration: none; font-weight:
700" href="2.htm">2</a>
<a title="LAGU TIGA" target="playsong" style="text-decoration: none; font-weight:
700" href="3.htm">3</a>
<p>
<iframe name="playsong" src="lagutidakdiputar.htm" scrolling="no" border="0"
frameborder="0">
BROWSER ANDA JELEK JADI GA BISA PAKEK INLINE FRAME, SEGERA GANTI
BROWSER ANDA.</iframe>
</p>
</body>
</html>
Mari kita membedah ini terlebih dahulu :
<a title="LAGU SATU" target="playsong" style="text-decoration: none; font-weight: 700" href="song1.htm">1</a>

title="lagu satu" adalah titel dari link, sekaligus screen tip. Screen tip adalah pesan kecil yang keluar pada saat mouse kita mengenai sebuah link. Jika anda masih bingung mengenai ini, silahkan belajar ulang html.

target="playsong" playsong sendiri adalah nama dari inline frame yang kita bikin href="1.htm" adalah nama halaman yang akan ditampilkan pada inline frame. >1</a> adalah nama link (pasti anda tahu...) Secara keseluruhan, link diatas berarti :
 
"Hey browser! Nama saya link 1 dan tolong bukakan halaman bernama 1.htm HANYA di bagian yang sudah saya beri nama playsong yang berupa inline frame!!!" 

Harap diingat, tehnik penulisan kode link untuk inline frame BERBEDA dengan link biasa yang hanya menggunakan <a href="TARGET">NAMA_LINK</a>
Dibawahnya kita bisa menemukan kode : 
<iframe name="playsong" src="lagutidakdiputar.htm">
BROWSER ANDA JELEK JADI GA BISA PAKEK INLINE FRAME, SEGERA GANTI
BROWSER ANDA.</iframe></p>
> Ini adalah kode dari inline frame yang bernama playsong tersebut. Secara default, inline frame memiliki border dan scrollbar, tapi saya matikan dengan menggunakan perintah no dan 0 (scrolling="no" border="0" frameborder="0"). Juga, anda lihat disana terdapatsrc="lagutidakdiputar.htm">. Ini adalah halaman yang secara default ditampilkan saat halaman player diakses sehingga lagu tidak langsung diputar. Itulah sebabnya tadi saya suruh anda untuk membuat sebuah halaman tanpa embed. Apa? saya tidak menyuruh? Silahkan scroll up.

sedangkan tulisan "BROWSER ANDA JELEK JADI GA BISA PAKEK INLINE FRAME, SEGERA GANTI BROWSER ANDA." Adalah pesan untuk mereka yang tidak support inline frame.
Savelah dengan nama player.htm
catatan : 
  • JIKA ANDA MENGGUNAKAN HALAMAN INDEX SITUS ANDA SEBAGAI PLAYER, JANGAN SERTAKAN TAG HTMLNYA. MASUKKAN SAJA KODE-KODE YANG TERDAPAT antara BAGIAN <body> dan </body>.
  • UNTUK MEMBUAT INLINE FRAME DI MICROSOFT FRONTPAGE, Klik insert, dan klik insert inline frame. Selebihnya anda bisa mengaturnya sesuai kehendak anda. 
  • Anda bisa membuat tombol stop. Caranya, script linknya, diarahkan ke halaman LAGUTIDAKDIPUTAR.HTM. Logikanya, saat seseorang mengklik tombol stop saat lagu berjalan, dia akan dilemper kembali ke halaman yang tidak memiliki lagu.
    Terakhir, save semua halaman html dan mp3-mp3 yang diembed pada sebuah folder yang sama, kemudian jalankan player.htm. Saat di buka, tidak ada lagu satupun yang keluar, sedangkan saat anda mengklik tulisan "1" lagu nomor satu akan diputar dan seterusnya.

    1 comments:

    1. Assalamu Alaikum wr-wb, perkenalkan nama saya ibu Rosnida zainab asal Kalimantan Timur, saya ingin mempublikasikan KISAH KESUKSESAN saya menjadi seorang PNS. saya ingin berbagi kesuksesan keseluruh pegawai honorer di instansi pemerintahan manapun, saya mengabdikan diri sebagai guru disebuah desa terpencil, dan disini daerah tempat saya mengajar hanya dialiri listrik tenaga surya, saya melakukan ini demi kepentingan anak murid saya yang ingin menggapai cita-cita, Sudah 9 tahun saya jadi tenaga honor belum diangkat jadi PNS Bahkan saya sudah 4 kali mengikuti ujian, dan membayar 70 jt namun hailnya nol uang pun tidak kembali, bahkan saya sempat putus asah, pada suatu hari sekolah tempat saya mengajar mendapat tamu istimewa dari salah seorang pejabat tinggi dari kantor BKN pusat karena saya sendiri mendapat penghargaan pengawai honorer teladan, disinilah awal perkenalan saya dengan beliau, dan secara kebetulan beliau menitipkan nomor hp pribadinya dan 3 bln kemudian saya pun coba menghubungi beliau dan beliau menyuruh saya mengirim berkas saya melalui email, Satu minggu kemudian saya sudah ada panggilan ke jakarta untuk ujian, alhamdulillah berkat bantuan beliau saya pun bisa lulus dan SK saya akhirnya bisa keluar,dan saya sangat berterimah kasih ke pada beliau dan sudah mau membantu saya, itu adalah kisah nyata dari saya, jika anda ingin seperti saya, anda bisa Hubungi Bpk Drs Tauhid SH Msi No Hp 0853-1144-2258. siapa tau beliau masih bisa membantu anda, Wassalamu Alaikum Wr Wr ..

      ReplyDelete