Cute Music Box 1

Preview? here. Let's Cekidot!

  • Dashboard
  • Tata Letak
  • Tambahkan Gadget
  • HTML Java Script
  • Copy Paste kode dibawah ini


<style>
#music{
position:fixed; top:40px; right:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #ffe5e6;
color:#888;
border-radius:40px;
-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-color:#FFFFFF;
z-index:999;
}
#musicplayer{ padding-top:15px; } #music:hover {border:3px solid #ffe5e6; padding:5px; height:220px; width:480px;
}
</style>
<div id="music">
<center>
<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif" /></center>
<div id="musicplayer">
MUSIC CODE</div>
</div>

-edit-edit dahulu
-untuk MUSIC CODE bisa diambil dari Soundcloud atau web pembuat music yang lain

  • Save
Credit: kak Resti

1 komentar: