Wednesday 1 May 2013

Hide music player


Assalamualaikum dan selamat sejahtera semua...disebabkan ada orang request cara nak hide music player saya buatlah tutorialnya...yang nie bukan macam jenis saya punya...kalau nak tau macam mana rupanya tengoklah preview kat bawah nie...

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>
#music{
position:fixed; top:40px; left:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:10px; width:34px; 
overflow:hidden;  
border:3px solid #FFE3EC;
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 #FFD1E0; padding:5px; height:45px; width:200px;
}
</style>
<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" /></center>
<div id="musicplayer">
MUSIC PLAYER CODE
</div>
</div>


The notes :
Blue text : Color code HERE...
Purple : Cute music icon change it if you want...find it HERE...
Red text : Music player code...don't know how to add it ? HERE or HERE...

Credit to Atin Tory for the original code...
Ok that all from me...Gracias...

2 comments:

  1. whoah this blog is great i really like reading your
    posts. Keep up the great work! You recognize, lots of
    persons are looking round for this information, you could aid
    them greatly.

    Feel free to surf to my page; dentalplanshealthhr1.wordpress.com

    ReplyDelete
  2. Izin repost ya Kak Ezah! creditnya aman so pasti :)

    ReplyDelete