Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Paste the following code anywhere between the <style type="text/css"> and </style> tag of your blog
- ---------------------------------------------------------------------------------------
- #musicplayer{
- opacity:0.9;
- text-align: center;
- position:fixed;
- left:100px;
- bottom:-40px;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- z-index:999;
- }
- #musicplayer:hover{
- opacity:1;
- bottom:0px;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- }
- #music{
- padding:7px;
- background:#FFFFFF;
- border-bottom: 5px #000000 solid;
- width:200px;
- z-index: 9999;
- text-align:center;
- -moz-border-radius: 0px 0px 0px 0px ;
- -webkit-border-radius: 0px 0px 0px 0px ;
- -o-border-radius: 0px 0px 0px 0px ;
- border-radius: 0px 0px 0px 0px ;
- }
- #musictab{
- padding:7px;
- background:#FFFFFF;
- border-top: 5px #000000 solid;
- width:200px;
- -moz-border-radius: 100px 100px 0px 0px;
- -webkit-border-radius: 100px 100px 0px 0px;
- -o-border-radius: 100px 100px 0px 0px;
- border-radius: 100px 100px 0px 0px;
- }
- -------------------------------------------------------------------------------------------------------------
- The paste the following code anywhere between the <body> and </body> tags of your blog
- -------------------------------------------------------------------------------------------------------------
- {block:IndexPage}
- <div id="musicplayer">
- <div id="musictab"><img src="IMAGE URL HERE"></div>
- <div id="music">
- <center>PLAYER CODE HERE</center>
- </div>
- </div>{/block:IndexPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement