Forever Young

music player blogskin

Sunday, 14 October 2012 . 0 word(s) .

annyeong. Klau tak silap wanie hari tu ada yg tnya wanie fasal hide music player new version. Memandangkan wanie tgh rajin. So wanie 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/AVvXsEh_Vrg16yMB2Hkydl941ShBLfetaQMdzCUniOM4EjBH3FwS_aEg1it7Yo-DmM3rxVcVqNrQ5qtGpx5groR-kxstIuln5yrotIi1-OBHm8466Md3UoRphlWbwsfIv6x5j6GVja9oEXnlHQ/s1600/7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLtriJXeVxblrXlEvZ7WbNyhWWPoGNZSU2oa5f7unUjSV8vaKRhazpFFDGuC9vBmJG73ZipQgUbJFiyC9z_cMsS94FRua960JqLi-_n6rwJxTyLdQxUh9KoxfXKVeAnhyPoPUu6o4HVQ/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRBBIKHxyn6sds4e5Wd6nOoDRHcMWzDEsk0erZj6bcr9UKBAcOknKTHEl9kEaLwWtwtotHckbaSdZZirSdbaeThhyvnUuMt8wf0DsqUGQjNde8xy6qA3Z3Ip394l2cJtWi91XcVq3Nw/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9KB6MSGh4kjb_j9qF2aSv97ky5l9xeDxHz-5zS2c99BQbk66mYu_rFlnAnTtu5GOJB-6Hc5vcWwmG0K7p78sIcPasDGbRdWCD0MlIDYlFDPHYDEmC2ERDjTaxmJwoQ6PuvG8kzFgyuw/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwxY8wzaB2_GOatzBpMlO1iy50JR4SXnIu-zKkWWUXejsHo9pO5H-K67B0YAQ2igq7WMleO7kFM592_BM6rkauxqc4-8k-rrBnNy2MEUz51xiNNp6ivbcZdk0DiX2TTq7W7Xo_e6pWNQ/s1600/6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSnVM_CqTYx8p3ToQw2ABW7d7aKkz4dRs5PGDsuKNC8MiMB5gcR1VO2yAFG95nt-jJjGJiupGzgnzmfdH_6R4JUBSBKa0eYs3ZLzUYwiaY_3IuIMFJGh1QbFcTY9VCeC8W7umFkCNnA/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-NG5ZViY1Fr5mkVzBZOhn9G6jALwpB3WpXosq0bddC6RTVeZzu1UPnKAvkzAExn1Kw2lSC9iT1cqdp8RNb6OhlPKZrl3f_XsSSeg3xeZC5i80Uzl4bhLqzcSPnaoUxmTCW060aLKWw/s1600/pink.png

5. Preview & save :)

Thanks for reading :)

Older Post . Newer Post