Thursday, January 24, 2013

Tutorial : Hide Music Player #3

Tumblr_mh3a6qycj81rspl5co1_500_large

こんにちは, 안녕하세요 , Assalamualaikum. Atin pernah guna hide music ni mase blog yang pertama . So sebab atin dah pernah guna Atin bagi korang la cube pulak huhu..Nak preview jgn lupa hala cursor .


  • Template denim : paste dalam  add gadget
  • Blogskin/classic : ikut tutorial bawah ni 

1. Dashboard > Template
2. Tekan Ctrl + f serentak dan cari code </style>
3. Copy code di bawah ni

<style>
#cornerplayer{
z-index:999;
background-color:#000;
width:50px;
height:50px;
border-radius:0px 50px 0px 0px;
-moz-border-radius:0px 50px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
left:0px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
#icon{
margin-top:25px;
margin-bottom:20px;
margin-left:-5px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
#cornerplayer:hover{
width:200px;
-moz-border-radius:0px;
border-radius:0px;
}
#cornerplayer:hover #icon{
margin-top:10px;
margin-left:0px;
margin-bottom:4px;
}
</style>

merah : color background


4. Paste bawah code </style>
5. Next, cari code </style> juga
6. Copy code di bawah ni
<div id="cornerplayer">
<center>
<div id="icon"><img src="URL ICON MUSIC"/></div>
<div> CODE MUSIC HERE </div>  
</center> </div>
oren : URL icon
hijau : code music


7. Paste di bawah code </style>
8. Preview & save


No comments: