Tutorial 11
Floating Billy Player
tutorial kali ni nak tunjuk macam mana nak buat billy audio player ni floating . sama macam dekat blog ni, cuba tengok kat tepi tuh :)
1. Dashboard > Template
2. Copy code kat bawah ni , jgn lupa hold ctrl + c untk copy .
3. pergi kat template , tekan ctrl + f and search </style>
4. Paste dekat atas code </style>
.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}
.player:hover{
width:50px;
}
5. Copy code dekat bawah ni pulak and paste dekat bawah </style>
<div class="player">Your Billy Player Code</div>
6. Preview > Save
PINK : tukarkan dengan billy player korang . boleh tengok dekat
sini
thats all , kamsahamnida
Tuesday, December 4, 2012 • 5:30 PM
Tutorial 11
Floating Billy Player
tutorial kali ni nak tunjuk macam mana nak buat billy audio player ni floating . sama macam dekat blog ni, cuba tengok kat tepi tuh :)
1. Dashboard > Template
2. Copy code kat bawah ni , jgn lupa hold ctrl + c untk copy .
3. pergi kat template , tekan ctrl + f and search </style>
4. Paste dekat atas code </style>
.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}
.player:hover{
width:50px;
}
5. Copy code dekat bawah ni pulak and paste dekat bawah </style>
<div class="player">Your Billy Player Code</div>
6. Preview > Save
PINK : tukarkan dengan billy player korang . boleh tengok dekat
sini
thats all , kamsahamnida
Tuesday, December 4, 2012 • 5:30 PM
Intro
Just a girl in a big world. Welcome to mine, don't forget to take off your shoes :)
archive
|