Tutorial : Hide Music Player (Part 2)

Hye korang , ary nie Nabilah buad tuto yang korang semua nnty kan :D hehehe , sebenarnye ramai yang dah request .. Tapi Nabilah tak de mase nak update .. sorry ye .. okey la , kite sambong okeys ? Korang tau tak Hide Music Player (Part 2) macam mane bentok dye ? Klaw tak tau , cube korang tgok bawah nie ,

Sebelum Di Sentuh :



Selepas Di Sentuh :




1. Dashboard > Design > Edit Html > Tick Expand Widget

2. Tekan Ctrl+F serentak , search Code bawah nie :

]]></b:skin>
3.Copy code bawah nie dan paste kat atas  ]]></b:skin>





#music{
position:fixed !important;
left:10px; padding-top:12px;
top:10px;
padding-bottom:12px;
height:30px;
width:50px;
overflow:hidden;
border:
3px solid #F6CED8;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: #fff;
z-index:999;
font-family: short stack;
font-size:13px;
}

#music:hover{
border:
2px solid #DF01D7;
padding:5px;
height:90px;
width:200px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}


4. Then Preview , klaw tak eror Save okey :D

5. Belom siap lagi , skarang pergi ke Page Element pula. then , Add a Gadjet

6. Pilih Html/JavaScript

7. Copy code bawah nie dan paste kat kotak Html/JavaScript


<div id="music"><center><img src="http://www.laymark.com/l/cz/cz03.gif" style="margin-left: 3px; margin-bottom: 3px; width:40px;"><br></center><center><div style="color:#F6CED8;">AYAT KORANG</div>Code Lagu </object></center></div>


8. Tukarkan 

Warna Oren : Ketebalan border , klaw tak tuka pon tak pe :D
Tulisan yang di bold : Sebaiknye jgan tukar !
Warna Biru Cair : kod warna Border Sebelum Disentuh (kod cari kat SINI
Warna Pink : kod warna Border Selepas Disentuh (kod cari kat SINI
Warna Kuning : Boleh tukar dengan icon yang cute 
Warna Hijau : Boleh tukar kepada right
Warna Biru : kod warna for ayat korang (kod cari kat SINI
Warna Merah : Ayat superb power :)
Warna Unggu : Code lagu ..



9. Save dan lihat hasil nye :D Jadi takk ?


10. Last Tekan SINI sebagai tanda terima kasih :D 


Nasihat -> Korang kene buad dgan teliti !
Penting -> Sape tak jadi ? check balik , Semua code dah lengkap ?
Nota      -> klaw tak jadi jugak , komen kat bawah nie okeys ? Yang dah jadi tu , Jgan lupe Komen + Like !
Amaran -> Klaw dah gune tu credit ! dan Jgan Sesekalie copy tuto niee , klaw nak copy jugak pleasee credit to Nabilah Black Purple :D 



7 comments:

Princess Syazliyana said...

tk boleh pon :-( dah cube dah .. huhu

Nur Nabilah said...

cube try lgy skaliee , then check kot-2 ade code yang slah ke ?

Tengku Laurel Adamila said...

Of coz jadi sebaB adik Nabilah yang ajar. >,<

eyra said...

Nak dapatkan code lagu kat maner..?

Nur Nabilah said...

nanty Nabilah buad Tutorial nyee yee :)

Nuha Nordin said...

Thanks !
Menjadi :)

Shin Syakinah Hye said...

Thank u budak comel ^^