Wednesday

Memasang & Merestail Flash Player

Pilihlah lagu yang santai, bukannya rancak.

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&amp;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>


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&amp;bg=0xf8f8f8&amp;
leftbg=0xeeeeee&amp;
lefticon=0x666666&amp;
rightbg=0xcccccc&amp;
rightbghover=0x999999&amp;
righticon=0x666666&amp;
righticonhover=0xffffff&amp;
text=0x666666&amp;
slider=0x666666&amp;
track=0xFFFFFF&amp;
border=0x666666&amp;
loader=0x9FFFB8&amp;
loop=no&amp;
autostart=no&amp;
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.

21 comments:

  1. Thanks for sharing!!!

    ReplyDelete
  2. simpan buat koleksi nih..
    :)

    ReplyDelete
  3. wah, menarik ni. hehe...nak cuba la...

    ReplyDelete
  4. ada wordpress lagi senang
    hohoho

    ReplyDelete
  5. Yaa.. zuki. aku memang memerlukan ini.. Haha. Meh sini aku fave sikit. :D

    ReplyDelete
  6. Dah lama x guna mp3 bentuk ni.
    Malas nak cari lagu. :D

    ReplyDelete
  7. hihi
    aku dah buat dah tapi susah la nk cari mp3 link yg best.
    huu
    tapi mende ni mmg best =D

    ReplyDelete
  8. mp3 susah nak carik la. huhu

    aku pun pakai feature ni bila terdesak je. contohnya mcm contest boonto (yang ko kalah tu). wakaka. itupun upload lagu kat hosting sendiri. huhu

    ReplyDelete
  9. pasnie bleh masuk audio, dan buat podcast..huhu

    ReplyDelete
  10. lagu instrumental ni best!!
    mane amek??
    tajuk2?
    time kasih abg zuki~
    ho ho ho
    btw..sy regular blogwalker kat sini~
    haha

    ReplyDelete
  11. aku mengambil masa sehingga 2 minit untuk faham maksud merestail.lol

    ReplyDelete
  12. aku suke player ni. light and easy^^

    ReplyDelete
  13. pernah try yahoo mp3 player? itu lagi simple dan bergaya :)

    ReplyDelete
  14. Menarik tips nie, nanti experiment...

    ReplyDelete
  15. Anonymous29.5.09

    bro...tkde Cbox ke?..

    ReplyDelete
  16. http://myrm10.com/3491 klik sekarang........... duit jbyk

    ReplyDelete
  17. thanks 4 tutor

    ReplyDelete
  18. huhu, 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!

    ReplyDelete
  19. nice info..thanks..

    ReplyDelete
  20. peh. semalaman gak kalau nak buat ni. bagi aku la. hoho.

    ReplyDelete
  21. aku terrer? abih tu ko? master la aku kira.. :D

    macam2 tutorial ko taruk.. hebat tu

    ReplyDelete