20 June 2011

Tutorial : Floating Box Music Player


tutorial neh diminta oleh syera . pasal floating box untuk youtube . tengok picture atas neh .

1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code nih :
<div style="POSITION: fixed; bottom: 2px; right:6px;"><div style="MARGIN-RIGHT: .1em; MARGIN-RIGHT: .1em" class="linkopacity" href="#" rel="nofollow" target="_blank" imageanchor="1"><span style="background-color:#F2F5A9;  padding: 13px 9px; border: 2px solid #F5A9D0;solid;color:#F5A9D0;" >CODE MUSIC</span></div></div>

merah - code music youtube korang tu
oren - solid/dashed/dotted
biru - background box tu
hijau - warna border
ungu - left or right kedudukan box tu

3. paste dalam kotak HTML/JAVASCRIPT

4. save

nak transparent kan youtube , click tutorial nih > transparent youtube

47 ✿:

Farisha Aulina said...

Thanks :)

Nurhafizah said...

@farisha ch0p ! wlcm :)

cik abbit said...

thank :)

sya said...

fizah kod lagu 2 cam na nak amik
da try amik embbed code tapi x jadik.can u help me?

Nurhafizah said...

@cik abbit wlcm :)

Nurhafizah said...

@◕‿◕Syasya◕‿◕ try tgk tutorial nih > http://nurhafizahpija.blogspot.com/2011/06/tutorial-letak-lagu-dalam-blog-guna.html

sya said...

@Nurhafizah Mohd Noor na letak kod embed dari you tube ka?or yang ni
http://www.youtube.com/v/eXoIbbE1KXs
tapy bila letak yang ni naek yang 2 ja kat kotak 2.lagu tak naek.boleh x fiza bagi full kod lagu apa2 pown tak pa

Nurhafizah said...

@◕‿◕Syasya◕‿◕ ha . betol dh la tu . cuma tukarkan saja dgn code yg akk buat dkt tutorial tu . yg link biru tu . tp engt . ada dua tmpt yg kena gnti .

Syahirahsn said...

terima kasih ^_^ .

Someone said...

tengs for da tuto (:

Nurhafizah said...

@syera areys wlcm :)

Nurhafizah said...

@missunguviolet wlcm :)

Hahahahanis said...

thankyou :)

Nurhafizah said...

@anyscecupi wlcm ^^

Hazwan Hamdan said...

thanks kak fiza. finally jumpa gak. thanks!

Nurhafizah said...

@Muhd Hazwan wlcm .

Unknown said...

akak knapa sy bwat x jd?? dy kelua code lagu 2..xpi lgu ta kelua..tp bla sy bwat transparent music player 2 mnjadi...pliss help me now

rusyda dianah said...

akk sy pnya ta jd sy pnya pon sma terjd mcm syasya kode ja naek lgu ta naek pon...sy na bway floating music player mcm akak pny tp x jd.. cmna 2 akak?

Nurhafizah said...

@rusyda.dianah ikot tutorial btol2 .
first ikot yg nih dulu http://nurhafizahpija.blogspot.com/2011/06/tutorial-letak-lagu-dalam-blog-guna.html

lps tu bru tutorial nih .

Cik Egg Tart said...

saya tak faham la.... cane nk tukr?

Nurhafizah said...

@Yuri♥☆Tiara ikot tutorial btol2 .

Raihah said...

Nper x jadi kak?
dah ikowt dah...
dah copy code nyer tapi keluar code tu je...nper ek?

Nurhafizah said...

@Raihah Rafie xltk code music ke ?

Raihah said...

da ltk code music tu...

Leo said...

mne na carik code music uh?

Godric Minho said...

kak sayer tak paham tang code music tue..camner nak carik code lagu yang kita suka kat youtube?teme ksih><.sorry menyusahkan akak

Nurhafizah said...

nk cri code music ikot tutorial nih >

http://nurhafizahpija.blogspot.com/2011/06/tutorial-letak-lagu-dalam-blog-guna.html

Anonymous said...

maseh dik :)

Atikah said...

Yang flying music box tuh, music code tuh macam mana eh? Kurang jelas lah :)

Nurhafizah said...

@Atikah nk buat code music ikot tutorial ni :

http://nurhafizahpija.blogspot.com/2011/06/tutorial-letak-lagu-dalam-blog-guna.html

Nur Zulaikha said...

saya dh ikut semua tutorial akk tp knp dy kuar code lgu tu....sy dh cber bnyk kali tp still kluar code music...cmner erk nk buad bg jd ?

Nurhafizah said...

@Nur Zulaikha awk xltk code music tu ke ?

Anonymous said...

code music tu macam mana? contoh please. letak tak jadi pon

Anonymous said...

code music tu macam mana? contoh please. buat tak jadi pun

Nurhafizah said...

@Anonymous

cntoh code music tu kne ikot tutorial ni

http://nurhafizahpija.blogspot.com/2011/06/tutorial-letak-lagu-dalam-blog-guna.html

Hannah Baharim said...

thanks for the tuto

Yana said...

http://malaysiannerd.blogspot.com/2011/11/tutorial-floating-box-music-player.html

Azyan Afiqah said...

Jadi ! Thanks awak !

Lila said...

thankss :)

ciwty sajjeh said...

saya buad ta jadi pun :(

FhyeeYern said...

kalau for blogskin macam mana?

Ainul said...

tak jadi punn :| tolong buatkan boleh :3

this is my story life said...

xjdk pon.nk ambik kt mne url youtube.xjdk pon

myzz aqosyiha said...

http://myzz-aqosyiha.blogspot.com/
follow me keyhh..tenkk akak..akhirnya berjaya jgkk..huhu

Anonymous said...

klau guna blogskin amcm ?

wanii said...

Tak jadi pun :(

Nur Najihah said...

tak faham lah kak . code music ? kat mane ?