Tutorial : Hide Music Player Ver 4 (Blogskin)

Tumblr_lmmn2plywv1qgmhvuo1_500_large

Assalamualaikum and annyeonghaseyo. Dalam duk sibuk melayan hindustan, smpat lagi update blog. Hehe. Eh sebelum tu, blog tutorial ni telah pon mencapai seribu followers. Alhamdulillah. Terima kasih kepada yang sudi follow blog tak seberapa ni. ThanGYU. Okay lah, smlm tieqa dah buat tuto hide music player jugak kan? Hari ni pon sama. lols. Tapi bentuk ver keempat ni lain sikit. Korg boleh tengok contoh dkt bawah ni.




1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Copy code di bawah ni
#cornerplayer
{z-index:999;
background-color:#000000;
width:50px;
height:50px;
border-radius:0px 50px 0px 0px;
-moz-border-radius:0px 50px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
left:0px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
#icon
{margin-top:25px;
margin-bottom:20px;
margin-left:-5px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out
;-o-transition: all 0.8s ease-in-out;
}
#cornerplayer:hover
{width:200px;
-moz-border-radius:0px;
border-radius:0px;
}
#cornerplayer:hover #icon
{margin-top:10px;
margin-left:0px;
margin-bottom:4px;
}
4. Paste di atas code tadi
5. Next, cari code </style> juga
6. Copy code di bawah ni
<div id="cornerplayer"><center>
<div id="icon"><img src="URLIMG"/></div>
<div> MP3CODE </div>  
</center> </div>
7. Paste di bawah code yang korg cari tadi
8. Preview & save

Merah : warna background
Biru : URL image/ Icon
Pink : code mp3

12 comment [s]:

Anonymous said...

Sy nak pakai ni ;) boleh sis?

atiqahjaidin said...

@Nur Sabrinaa : Boleh :)

Anonymous said...

Terimakasih :)

Unknown said...

Nice tuto! menjadi... saya credit awak!

αզιℓααα ғαωααααн said...

thanks

Syuhada Maisara said...

Unnie , tolong bagi link untuk yang example punya icon :)

Farah Fatin said...

mana nk dapat mp3 code tuh eh ?

Unknown said...

Mana nak dapat MP3 code tu kak ?

Ain Inspirit said...

kak.. macam mana nak dpat mp3 code?

adyrfzld said...

macam mana nak dapat MP3 tu kak? Macam URL Youtube?

Unknown said...

Terima kasih akak^^ Jadi tapi cume ade masalah :( yg player tu xde butan play dgn stop..

Unknown said...

Macam mana nak dapat code MP3 tu akak? URL Youtube ke?