Friday, February 8, 2013

Tutorial : Hide Music Player #4

5704359281_87a8e524a9_z_large

こんにちは, 안녕하세요 , Assalamualaikum. Ok atin nak bagi tutorial ni. Bagi yang jenis kali ni lain kot? entah lah haha . Korang tengok lah preview kat bawah tu..



  • Template denim : paste dalam  add gadget
  • Blogskin/classic : Paste bawah code </style>

<style>
#music{
position:fixed; bottom:20px; right:25px;
padding-top:12px;  
padding-bottom:12px; 
text-align:center; 
height:10px; width:34px; 
overflow:hidden;  
border:3px solid #ddd;
color:#888;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px; 
-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:#fff;
z-index:999;}


#musicplayer
{padding-top:15px;}


#music:hover
{border:3px solid #bbb; padding:5px; height:45px; width:140px;}
</style>

<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" /></center>
<div id="musicplayer">
MUSIC CODE HERE
</div>
</div>

oren : URL music icon
merah : code music

3 comments:

Izyan Ayuni said...

thanks for this tutorial

Nurul Najiha said...

thank you kak atin kiut :* tutorial ni work out :*

ɑnisɑ said...

Thank you kak Atin^^