Monday, February 11, 2013

Tutorial : Hide Music Player #5

Tumblr_mhyodsmcea1reixa8o1_500_large

こんにちは, 안녕하세요 , Assalamualaikum. Korang nak try tak hide music untuk kali ni punye? Tapi bagi atin yang boleh try , sesuai untuk blog yang simple kot huhu.. xpe la yang lian tu boleh kot hehe ..




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


<style>
#box{
    overflow:hidden;
    position:fixed;
    width:18px;
    height:18px;
    top:50px; /* You can change the number or change it to bottom*/
    left:50px; /* You can change the number or change it to right*/
    background:#ffffff; /* This is the background color */
}

#icon{
    /* This is for the positioning of the music gif: */
    margin-top:5px;
    margin-left:2px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear; 
}

#box:hover #icon{
    margin-top:-20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}   

#musicbox{
    width:8px;
    height:8px;
    overflow:hidden;
    /* This is for the positioning of the music player: */
    margin-top:14px;
    margin-left:5px;
}

#music{
    margin-top:-6px;
    margin-left:-35px;
}
</style>

<div id="box"><div id="icon">
<img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
</div>
<div id="musicbox"><div id="music">

<!-- MUSIC PLAYER CODES -->

</div></div></div>

biru : url icon music
merah : taruk code music korang.



credit :jackie

3 comments:

Pykaa Pdott said...

salam . fatin pyka nak mntak tolong skit boleh tak , kenapa eh gmbar2 pyka kat blog dia hilang then naik smbol mcm nie http://1.bp.blogspot.com/-i2g6M47IbUk/UGqoXIwZ4ZI/AAAAAAAACcE/dDcDjC899io/s400/sr1.jpg . harap boleh membantu lah .

Mymy Mushie said...

http://mymymushie.blogspot.com/2013/02/mega-exclusive-giveaway.html

ɑnisɑ said...

Thank you^^