Hafiz Zulkafly

Tutorial : Music Player Mine Version #2

Thursday, August 22, 2013

Assalamualaikum

Short update . Nah another tutorial related to music player for your blog . Compatible for all template . Nothing special . I  just add up some hover . Feel free to use it . Mind to comment first before you take it . I suggest , to do not change any code other than the bold one for the best view result . Thank You .


The Code ;

<style>
.player {
position:fixed;
bottom:0px;
left:-190px;
background:black;
width:200px;
height:12px;
overflow:hidden !important;
padding:10px 10px 5px 10px;
border-radius:0px 100px 0px 0px;
color:white;
font:11px consolas;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-ms-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s;
}
.player:hover {
left:0px;
}
</style>
<br />
<div class="player">
nuest - loving you more ;<embed align="" height="15" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=PASTEYOURMP3URLHERE&amp;auto=yes&amp;sendstop=yes&amp;repeat=0&amp;buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/classic_small&amp;bgcolor=0x000000&amp;mode=playpause" style="margin: -14px 5px 0px 185px;" type="application/x-shockwave-flash" width="15" wmode="transparent"></embed>
</div>


6 comments

  1. where can i find the song for this player? izit need to sign in for strangecube .com?

    ReplyDelete
    Replies
    1. find it on kiwi6.com
      refer tutor how to upload mp3 on kiwi6 :D

      Delete
  2. er, nk tnya. knp saya buat dia punya button tu tak sama mcm yg di tunjuk?

    ReplyDelete
    Replies
    1. bagi link blog. saya tolong tengok kann.

      Delete

© 2017 HAFIZ ZULKAFLY ALL RIGHTS RESERVED