Friday, July 13, 2012

Tutorial Youtube Player Atas Header


Tumblr_lm6j0nobhz1qjfswho1_500_large
Annyeonghaseyoo ! . Hari ni Atin tak de mood nak buat entry >< . Sebab tak tau nak cakap ape huhu . 
Ok , Atin nak share kat korang semua cara buat Youtube Player kat Atas Header . Macam mana tu? Tap pe , atin tunjukkan kat korang contoh bawah ni :

Nampak? So menarik tak bagi korang? Selalau yang pakai design je an? jangan risau , yang blogskin pun boleh . Atin pandai ubah huhu . Jom mula . 


For Blogskin

 Dashboard > Template > Edit HTML
 Press Crtl +F dan cari code <head>
 Copy code di bawah ni
<div style=" position:absolute; top:0px; left:30px;">
<img src="LINK MUSIC BOX" /></div>
<div style=" position:absolute; top:60px; left:50px;"><center>
<object width="140" height="25">
<param name="movie" value="YOUTUBE DIRECT LINK autoplay=1&&color1=0xffffff&color2=0xffffffamp;hl=en_US&amp;autoplay=1" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="YOUTUBE DIRECT LINK autoplay=1&&color1=0xffffff&color2=0xffffffamp;hl=en_US&amp;autoplay=1" 
type="application/x-shockwave-flash" width="140" height="25" 
allowscriptaccess="always" allowfullscreen="true">
</embed></object></center></div>

  Kemudian paste di bawah code <head> tadi

LINK MUSIC BOX - Tukar kepada link border box
YOUTUBE DIRECT LINK ni , korang ambil code lagu kat YouTube . Caranya ikut step k  :


*Copy code step-3 tu dan paste kat YOUTUBE DIRECT LINK

 Preview & save.

          

For Design

 Design > Add gadget > Html / Javascript
 Copy and paste code no-3 tadi. ctrl+C untuk copy.

Yang LINK MUSIC BOX tu Korang boleh ambil kat bawah ni . Atin dah sediakan untuk korang ^^


http://2.bp.blogspot.com/-71NODkSsjGE/
UAGpdjBK1YI/AAAAAAAAA90/LishnYd9tAQ/
s1600/green.png


http://2.bp.blogspot.com/-8VZlsTBl-QE/UAGpe0IVutI/
AAAAAAAAA98/Q9qOMfpMats/
s1600/grey.png


http://4.bp.blogspot.com/-hfJU_cNGJ9Y/UAGpggPUMLI/
AAAAAAAAA-E/aqxEq_QHBRg/s1600/pink.png


http://3.bp.blogspot.com/-zTga0hqIb3U/UAGpkAxI7SI/
AAAAAAAAA-M/__3aADDYO1g/s1600/puple.png


http://3.bp.blogspot.com/-oZhhswzJPcM/UAGplLL9GqI/
AAAAAAAAA-U/86j717WRT8A/s1600/pyple2.png







1 comment:

Aril Impian - PENCETUS GENERASI HADAPAN said...

INFO YANG MEMBANTU http://arilimpian.blogspot.com/