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 comments:

farisha ch0p ! said...

Thanks :)

Nurhafizah Mohd Noor said...

@farisha ch0p ! wlcm :)

cik abbit said...

thank :)

◕‿◕Syasya◕‿◕ said...

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

Nurhafizah Mohd Noor said...

@cik abbit wlcm :)

Nurhafizah Mohd Noor said...

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

◕‿◕Syasya◕‿◕ 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 Mohd Noor 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 .

syera areys said...

terima kasih ^_^ .

missunguviolet said...

tengs for da tuto (:

Nurhafizah Mohd Noor said...

@syera areys wlcm :)

Nurhafizah Mohd Noor said...

@missunguviolet wlcm :)

anyscecupi said...

thankyou :)

Nurhafizah Mohd Noor said...

@anyscecupi wlcm ^^

Muhd Hazwan said...

thanks kak fiza. finally jumpa gak. thanks!

Nurhafizah Mohd Noor said...

@Muhd Hazwan wlcm .

rusyda.dianah 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 Mohd Noor 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 .

Yuri♥☆Tiara said...

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

Nurhafizah Mohd Noor said...

@Yuri♥☆Tiara ikot tutorial btol2 .

Raihah Rafie said...

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

Nurhafizah Mohd Noor said...

@Raihah Rafie xltk code music ke ?

Raihah Rafie said...

da ltk code music tu...

the alienoid 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 Mohd Noor said...

nk cri code music ikot tutorial nih >

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

Fakustatik said...

maseh dik :)

Atikah said...

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

Nurhafizah Mohd Noor 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 Mohd Noor 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 Mohd Noor 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

Syarifah Dyana Balqis 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?

Najua Dongjun 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 ?

wanie said...

Tak jadi pun :(

Nur Najihah said...

tak faham lah kak . code music ? kat mane ?