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

Nur Sabrinaa said...

Sy nak pakai ni ;) boleh sis?

Nurul AtiQah said...

@Nur Sabrinaa : Boleh :)

Nur Sabrinaa said...

Terimakasih :)

Aira Dawson said...

Nice tuto! menjadi... saya credit awak!

Aqila Farah said...

thanks

Syuhada Maisara said...

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

Farah Fatin said...

mana nk dapat mp3 code tuh eh ?

Hanim Syakirah said...

Mana nak dapat MP3 code tu kak ?

BeastInfiniteForever ! said...

kak.. macam mana nak dpat mp3 code?

Fryda Aulia said...

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

Farisya Aliya said...

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

Farisya Aliya said...

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