Kali ini jom kita pasang Flash Mp3 Player plak, hari itu Chokilala sudah buat tutorial mengenai Flash Mp3 Player tapi hari ini aku rasa nak buat balik. Bukan apa sebenarnya, aku sebenarnya ada sedikit tambahan terutama sekali buat blogger yang suka mengedit.
Sebenarnya aku memang tak suka Flash Mp3 Player ni, semua sudah sedia maklum yang ianya sedikit sebanyak memberatkan kadar loading blog kamu. Terpulang kepada kamu bagaimana hendak menggunakanya tapi apa yang aku ingin ajarkan di sini hanyalah cara memasang Flash Mp3 Player, ianya mungkin kepada kamu suatu hari nanti.
Bagi pengguna Wordpress kamu boleh dapatkan plugin ini dari 1 Pixel Out, tapi untuk pengguna Blogger ianya sedikit menyusahkan lebih-lebih lagi kamu tak ada hosting sendiri. Kamu mungkin tak boleh Flash Mp3 Player ini, ianya mungkin sebab kamu tak install lagi perisian Adobe Flash player.
Memasang Flash Player
01. Pilih Template > Edit Html (tick Expand Widget Templates).
02. Cari kod ini :
</head>
03. Tambahkan kod ini javaskrip di atasnya.
<script language="JavaScript" src="http://files.dilarangmelarang.com/javascripts/audio-player.js"></script>
04. Pilih Save.
05. Pilih Posting > Create (Edit Html).
06. Tambahkan kod ini :
<object type="application/x-shockwave-flash" data="http://files.dilarangmelarang.com/swf/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://files.dilarangmelarang.com/swf/player.swf">
<param name="FlashVars" value="playerID=1&soundFile=http%3A%2F%2Fwww.1pixelout.net%2Faudio%2Fadbusters.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object> <param name="FlashVars" value="playerID=1&soundFile=http%3A%2F%2Fwww.1pixelout.net%2Faudio%2Fadbusters.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
Lagu tu kat mana-mana boleh dapat, ianya mestilah berformat Mp3 atau Wav. Upload dan tukarkan Url Mp3 atau Wav yang telah dihighlightkan dengan warna biru.
Jika kamu nak letak lebih dari 1 Flash player dalam satu page sila buat penomboran bagi id=audioplayer1 dan playerID=1 kepada 2, 3, 4 dan seterusnya. Kalau tak tukar nanti salah satu Flash player kamu tak kan berfungsi.
07. Pilih Save.
Wordpress tak ada ke?
Memang ada sebab ianya diinspirasikan dari Wordpress, kamu boleh install plugin Flash player seperti biasa.
Merestail Flash player?
Jangan tak tahu Flash player ini boleh direstailkan mengikut kehendak masing-masing. Kalau blog kamu biru, eloklah birukan juga Flash player kamu. Jika kena dengan warnanya, blog kamu memang akan nampak cantik.
<param name="FlashVars" value="playerID=1&bg=0xf8f8f8&
leftbg=0xeeeeee&
lefticon=0x666666&
rightbg=0xcccccc&
rightbghover=0x999999&
righticon=0x666666&
righticonhover=0xffffff&
text=0x666666&
slider=0x666666&
track=0xFFFFFF&
border=0x666666&
loader=0x9FFFB8&
loop=no&
autostart=no&soundFile=http%3A%2F%2Fwww.1pixelout.net%2Faudio%2Fadbusters.mp3">
leftbg=0xeeeeee&
lefticon=0x666666&
rightbg=0xcccccc&
rightbghover=0x999999&
righticon=0x666666&
righticonhover=0xffffff&
text=0x666666&
slider=0x666666&
track=0xFFFFFF&
border=0x666666&
loader=0x9FFFB8&
loop=no&
autostart=no&soundFile=http%3A%2F%2Fwww.1pixelout.net%2Faudio%2Fadbusters.mp3">
Apa yang kamu perlu buat tambahkan saja kod kuning ini pada kod sebelum ini yang telah kamu buat. Nak edit pada Flash player sebelum ini pun boleh.


Kamu boleh lihat gambar ini untuk memudahkan rujukan kamu. Sebaiknya gunakan add-on Color Zilla untuk memudahkan kerja-kerja merestail.

Dan yang terakhir, sila pilih no pada autostart. Nanti ada yang bising termasuk aku.
Thanks for sharing!!!
ReplyDeletesimpan buat koleksi nih..
ReplyDelete:)
wah, menarik ni. hehe...nak cuba la...
ReplyDeleteada wordpress lagi senang
ReplyDeletehohoho
Yaa.. zuki. aku memang memerlukan ini.. Haha. Meh sini aku fave sikit. :D
ReplyDeleteDah lama x guna mp3 bentuk ni.
ReplyDeleteMalas nak cari lagu. :D
hihi
ReplyDeleteaku dah buat dah tapi susah la nk cari mp3 link yg best.
huu
tapi mende ni mmg best =D
mp3 susah nak carik la. huhu
ReplyDeleteaku pun pakai feature ni bila terdesak je. contohnya mcm contest boonto (yang ko kalah tu). wakaka. itupun upload lagu kat hosting sendiri. huhu
pasnie bleh masuk audio, dan buat podcast..huhu
ReplyDeletelagu instrumental ni best!!
ReplyDeletemane amek??
tajuk2?
time kasih abg zuki~
ho ho ho
btw..sy regular blogwalker kat sini~
haha
aku mengambil masa sehingga 2 minit untuk faham maksud merestail.lol
ReplyDeleteaku suke player ni. light and easy^^
ReplyDeletepernah try yahoo mp3 player? itu lagi simple dan bergaya :)
ReplyDeleteMenarik tips nie, nanti experiment...
ReplyDeletebro...tkde Cbox ke?..
ReplyDeletehttp://myrm10.com/3491 klik sekarang........... duit jbyk
ReplyDeletethanks 4 tutor
ReplyDeletehuhu, dlu ade gak pasang natang ni..tapi disebabkan 'port' diupload sudah diketahui oleh pihak berwajib, tak dapat la pakai..ekeke, tapi skydrive ada! Nanti kita pasang balik!
ReplyDeletenice info..thanks..
ReplyDeletepeh. semalaman gak kalau nak buat ni. bagi aku la. hoho.
ReplyDeleteaku terrer? abih tu ko? master la aku kira.. :D
ReplyDeletemacam2 tutorial ko taruk.. hebat tu