Saturday, March 9, 2013

Tutorial : Hide Music Player #6

7a7cfd36a971c438be3c172c874a701d_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. Hari ni Atin nak bagi tuto seterusnya.. huhu . Ini tuto bagi hide music untuk kali ke-6 punye . Hope korang boleh la try k hihi.. Oh ye bile click preview. jangan lupa hala cursor tau untuk lihat hover die ye..




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




<style>
#playertab
{position:fixed;z-index:999;
bottom:0px;
left:-170px;
height:10px;
padding:1px 8px 3px 1px;
letter-spacing:2px;
background-color:#000;
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 10px 0px 0px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#mus
{float:left;
color:#fff;
padding-left:100px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#playertab:hover #mus
{padding-left:0px;
opacity:0;}

#playertab:hover
{left:0px;}
</style>
<div id='playertab'>
<div style='float:left;width:120px'>
MUSIC PLAYER CODE
</div>
<div id='mus'><img src='http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif' style='margin-right:8px;'/> musique</div>
</div><!--playertab-->
biru : background
merah : music code
oren : icon music

6 comments:

intan nursyafiqah said...

akk atin~ hehe...adk guna tuto ni~ btw thnx wt tuto ni~ *bow 90 degree*

Atin Tory said...

@intan nursyafiqah : ur welcome :)

Nur Zalikha Masri said...

Thank You!

syafini fini said...

code music tu ambil dekat mana?

Atin Tory said...

@syafini fini : ikut step http://fatinhalid.blogspot.com/2012/02/billy-player-stlye-tumblr.html

abyika said...

time kaseh