Saturday, December 11, 2010

Tutorial : Youtube Music Player

First,
  1. pergi Youtube, search lagu yang korang nak jadikan music player dalam blog
  2. sebelah kanan video ada box, click pada code embed. Customise first. Then, copy code itu.
  3. pergi Dashboard --> Design --> Page Elements --> Add a Gadget(HTML/Javascript)
  4. paste code tadi, then tukar width kepada 200 dan height kepada 25
  5. so code itu akan menjadi macam nie :
<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/WLi6xtJw6Ak&hl=en_US&fs=1&color1=0xcc2550&color2=0xe87a9f"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WLi6xtJw6Ak&hl=en_US&fs=1&color1=0xcc2550&color2=0xe87a9f" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object>
- kalau nak jadikan music player tu autoplay, just tambah code &autoplay=1sebelum code &hl=en_US

Contoh :


p/s : dua dua tempat yg dihighlight oren pekat dan kuning, kena tambah &autoplay=1 tu :)

- Klik save. Then, tengok blog korang, jadi ke tak.
 Tips and trik : Erm , boleh tukar width ikut suka hati korang, but height memang25 sahaja
                     : Kalau taknak tunjuk music player ni , letak width 1 and height 1 :)


Second,

  1. Kita boleh buat music player ni transparent, dengan menukar sedikit code :)
  2. Tukar color kepada ffffff .
  3. Tengok contoh macam ni :
p/s : tukar color1 dan color2 , setiap yang dihighlight tu kena tukar,so empat-empat bahagian tu pun kena tukar. 

4. Save. Dan preview blog, nanti dia jadi tranparent.
(Sesuai jika outer wrapper anda warna putih #FFFFFF)

No comments:

Post a Comment