Tutorial Floating Youtube Player

Assalamualaikum ,
Tutorial lagi . Hehe .
Skrg ni aera nak ajar buat youtube player dekat Header .

 ni ha makhluknya .
ikot step ni elok - elok k .

1.Log In>Dashbard>Design>Add Gadget>HTML Java Script

2. Paste code ni .


<div style=" position:absolute; top:0px; right:200px;"><img src="URL GAMBAR"/></div><div style=" position:absolute; top:26px; right:218px;">CODE YOUTUBE</div>

BIRU tu code youtube yang full,bukan link je tau
OREN tu sila tukar kepada URL ANDA sendiri
HIJAU tu sila edit sampai kotak youtube masuk betul betul dalam image

Width : 60
Height : 25
kalau nak Youtube player mcm aera . Simple .

kotak dia tu boleh edit dekat photoscape or whatever .
Kene pastikan saiz betul ya .
Ataupun taknak url gambar . Letak border je .
Ikot step ni :


1.Log In>Dashbard>Design>Add Gadget>HTML Java Script

2. Paste code ni .


<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 . FULL ok . bukan code yang ringkas .
oren - solid/dashed/dotted
biru - background box tu
hijau - warna border
ungu - left or right kedudukan box tu

Preview and kalau ok . Save !
Kalau nak tahu camne nak cari code youtube .
Click ni >----CLICK----<
Terimakasih membaca . Comment - comment k .
Assalamualaikum .

No comments: