Salsa's Tutobies Blog // Vacuum
HOME ABOUT RANDOMS TUTORIAL FREEBIES FRIENDS RULES SKINS OLSHOP












Thursday, 28 November 2013 - 1 People[s]

   Assalamu'alaikum. Thanks to kak Ehza for the code :3 Aku suka banget mp3 player ini, tapi aku sengaja gak pasang. Retutor? Give credits and link to Me and kak Ehza!


cute mp3 player, mp3 player, music player, mp3 player hover
Live preview
Firstly : for template designer , denim , simple ,watermark...
Dashboard --> Layout --> Add gadget --> HTML/Javascript

Firstly : for blogskin , classic template...
Dashboard --> template --> paste the code after </style>
     The codes :
<style>
#cornerplayer
{z-index:999;
background-color:#FFF4F4;
border:2px solid #FFDEDE;
width:45px;
height:45px;
border-radius:0px 0px 50px 0px;
-moz-border-radius:0px 0px 50px 0px;
position:fixed;
overflow:hidden;
top: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;}

#cornericon
{margin-bottom:44px;
margin-top:13px;
margin-left:-9px;
-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;
height:52px;
-moz-border-radius:0px;
border-radius:0px;
box-shadow:0px 0px 2px 2px #FFE5E5;
}

#cornerplayer:hover #cornericon
{margin-top:10px;
margin-left:0px;
margin-bottom:10px;
}
</style>
<div id='cornerplayer'><center>
<div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
<div> MUSIC CODE HERE </div>    
</center> </div><!--cornerplayer-->
The notes :
Blue text : Color code
Orange text : Width and height of the music player before and after hover






Blogger alya rahimah said...

cari kode lagunya, bisa lewat youtube gak?

 

Post a Comment

for your info
about

[Ordinary girl with extraorninary idea]
Hello ! My name is Anugerah Mullia Ulfa Salsabella. You can call me Salsa. Born at 2000 line. Live in Bekasi, West Java. Proud to be part of swiftie and directioner.

Do follow me
Besties

hide and seek
Secret box

1 2 3 4
This is Navigate around. Please read this :
1 = Ask.fm box
2 = My sites
3 = Blog stats
4= Search box

shout what ever
tagboard

I'm sorry, but the chatbox is not available now because I'm in HIATUS mode. You can contact me on facebook or twitter^-^

related post
archives

Big claps for them
credits

© 2013 - Full Template by Salsa. Somebody help me is Gh R A Y. I took many part of this blog by many skins, so big thanks to blogskins.com, espesially to Uhbmy and there's no basecode. Best viewed is in Google Chrome (Recommended). Don't ever dare to open my page source and copy any content from this site!