# Tutorial : Youtube player tergantung...:)

ayu rasa bosan sangat hari ni...tambah pulak demam ...:(
tapi ayu tak nak layankan sangat demam tuh...
time bosan-boring nih ayu terasa nak buat tutorial YOUTUBE PLAYER tergantung...
erkkk??? tergantung???? hahaha...jangan panik...


maksud ayu...youtube player dekat atas header macam yang buat untuk belog PIKAH nih...

nampak kan ada video youtube lagu CINTA MUKA BUKU tuh...
hehehe... jom kita mula....:p

• mula-mula sekali kena tambahkan ruangan ADD A GADGET dekat atas header dulu... macam ni...

•  Dashboard---> Design---> Edit HTML--->tick pada Expand widget templates
• CTRL + F dan cari kod nih...

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

• dah jumpa? delete kod tu dan gantikan dengan kod nih... 

<b:section class='header' id='header1' preferred='yes'>

• dah boleh save...:)

sekarang ayu ajar macam mana nak letak kod dia...

• Dashboard --->Design----> Page Elements
• tekan dekat ruang ADD A GADGET dekat atas header yang kita dah tambah tadi...cari HTML/JAVASCRIPT
• copy dan paste kod ni...dekat ruang HTML tu eh...

<div style=" position:absolute; top:0px; left:30px;"><img src="URL FRAME" /></div>

<div style=" position:absolute; top:45px; left:51px;"><center>KOD EMBED YOUTUBE<center></center></center></div>

• cara untuk dapatkan kod embed youtube macam ni...
• tekan dekat button share bawah tu... macam nih...

• then akan kuar button EMBED bawah tu... tekan button tu...

• copy kod yang kuar tu okey...

• tapi kod ni perlu diadjust dulu yup! ayu akan ajar cm mane nk adjust kod nih... ni part paling penting...harap bersabar yep!
• kod yang akan kita dapat tu lebih kurang macam ni la...

<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/9fKVNb-dYVc?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9fKVNb-dYVc?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

• yang ayu highlightkan KUNING tu korang perlu try and error adjust dia sebab nak masukkan dekat dalam kotak frame tu...
• kalau nak video tu autoplay, tukarkan kedua-dua kod yang ayu highlightkan BIRU tu dengan kod nih...

BIRU 1= autoplay=1
BIRU 2= &autoplay=1

• ni contoh keseluruhan kod yang ayu dah adjust... beserta dengan frame dia...

<div style=" position:absolute; top:0px; left:30px;"><img src="http://i1218.photobucket.com/albums/dd417/cheesweet/pinkbordermusic.png" /></div>


<div style=" position:absolute; top:45px; left:51px;"><center><object width="160" height="140"><param name="movie" value="http://www.youtube.com/v/9fKVNb-dYVc?version=3&amp;hl=en_US&amp;autoplay=1" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/9fKVNb-dYVc?version=3&amp;hl=en&autoplay=1" type="application/x-shockwave-flash" width="160" height="140" allowscriptaccess="always" allowfullscreen="true"></embed></object><center></center></center></div>

maaf yep! tutorial ni agak panjang... ayu nak korang faham sebab ayu pun alami kesulitan masa nak buat benda nih...

untuk frame tu boleh dapatkan dekat SINI

kalau ada pape tak faham boleh tanya ayu yep! 

>Good LUCK! Selamat Mencuba!<