н ι α т υ ѕ

Tutorial: Hide Music Player (Blogskin)

Assalamualaikum and annyeong. Klau tak silap tieqa hari tu ada yg tnya tieqa fasal hide music player new version. Memandangkan tieqa tgh rajin. So tieqa akan tunjukkn caranya. Tuto ni hanya utk pengguna template classic/blogskin sahaja.

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>

pink: letak URL background pilihan korg
biru: code lagu
oren: ketebal border. Bole diubah
hijau: jenis border eg. solid/ dotted/ dashed
merah: URL icon music. Bole ambil linknya kt sini, klau mau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWTc8o9D1fet9RQqmCrN01T-_n8K-xTtcbuN-WYwQr5jFjMpIIprbQuKklowfXcVgdRuHyhiZv0BC3kY8Bd3J72gIJfY5RAj3eyUSCBJ4oq14jEsF5nGvw0vQKG2g1rTXg5gTqC2yFiQ/s1600/7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHihqt8DR-MWDcQUcQAMOxP-7KvroFKDO38H4HX4u2dkUj1VXpF9HmD92rLJwObgaYwmg0vdhZa044CfYHElGv4UM-QYTNpOZYTS4au5cz5AtbBZ9iV-jXXQnIYBsWFeuRt9rRjfzdQ/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKZgfjr_I2n_dBC1W_fqs0JWEmV-A6hIjg7ycXN3Iue7pFE1jwOxlqkwPej_eim1eJswqxsc3WJeeT4BsBPDA1MFOzdM2dKsa0WhTB3yraZtCh-WW4vSEd88crNhpCaDBl-GcNu6nNQ/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGbzFjHA3KZLNOCjDM7ZNEJg3WIszsCgV_p8uwk2D42rmsFZnukU7aO0UznExuvYWSy3od-lTPhMGCK-hDFDa-8MUsWJc8Gh3qqQZFqqxGqaW1Bd0dyKnoSj0_O-3uD7CWj4DDWrfLlA/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivNvvOsxfAit6252AZI2si4endTco5ZiJYFTeBG4dvIhXIwAKPoiTbq5kc_cNBcUdgEWGl2FwqRCkqMw3BTVWBMWHJkw25bERnQH8fSupXgla_DsvhOTa8rqkXuJVevTx26HZk_biUvA/s1600/6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQIvzkfw68USqbSxxsWZF-rsJo22HxJLHfbpGr_lRxuyK4T16Wyc0W5u8mRzoMDPaVz1THkOCRixvt-S-L2XKrH6aqGuqOe6VDPaelCLETktkAH_44vs9laKigP9Klw6Sxj4yoxytEqg/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNN4-X5DceSGj0igS9CtMpTREEKY8UmgT3cA7Cw7J0uw2rAKd0IdoSdJ4LhkxsjHBt9G2-JxiirWthOjkXEiXf-OPa51oPnd9YDjyAZ09YhZjEz_6KZYkbrzndaIuWqaDWmKq_3XwYw/s1600/pink.png

5. Preview & save :)