Home Blogskin Cerpen Linkies Tutobies D'BOARD

June 30, 2015

Tutorial : Letak Music Player (Blogskin)


Assalamualaikum wbt.

Hari ni NS nak share satu tutorial tentang cara nak hide music dalam blog. For blogskin babe, sebab hari tu ada orang request cara nak letak music dalam blogskin.

1. Dashboard > Template

2. Press Ctrl+f serentak dan cari code <head>

3. Kemudian, copy code kt bawah ni.
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background:url('URL ICON') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:url('BACKGROUND KOTAK');padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
CODE LAGU</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4. Paste di bawah code <head>

Note

*pink : letak URL background pilihan korg

*biru : code lagu (cara nak dapatkan, boleh follow tutorial SINI)

*oren : ketebal border. Bole diubah

*hijau : jenis border eg. solid/ dotted/ dashed

*merah : URL icon music


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdoc5MKKxR7fqJxyw8kZBhAYwG718pNg2Jl2cq_b1zrYPTh6r7BO5y5uYnYulWPX08AlVv7pCvRnsUJlr7MnI5Wmx-yntQXAaFsg5mW4ePkbsisHmEw-pKPDgOah5RH1ZjoEFW3GQSUw/s1600/7.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQIsHv4lFfCL6gl1heT_jYku5TAzjdy6kgjq4AZNthegU6FMZoJ92idUd0aSP6yqONP5oVcgXb-D9Uq_peFLhbQx7cQ8m13Xo6cdruhh0v2mQGNRLxKPh6N-7oFBktZIQnOFBTrLcYVQ/s1600/purple.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0XYlc1i8lNiHdsRCvP0p2pmtuUPcEPeBnMFf5mEK2vzDpEm5wer-zUZQi40kux59ptZ1lQOvoLjsxwLwV16zfcCEUDKhVI1HLfGxxY1lNJTNpNFAPuWaqxRkrM7-PRkaKFWfqmBmJg/s1600/blue.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS9b4tqadxmt3qebAHe1zXc_3jIK8wXHC9OOSEwVEnB3wMHNIYb8H4qycilhMrOkz_2dZYnX4dDRyjI9oq1TS0x4IrRdK8q4ci8z9vmXNOSx3e_mrQfUX3P-MPvmBBH3q6pdHAAHtbJw/s1600/green.png
credit : nurulatikahjaidin