Bakers Life ●o●

Tutorial : Hide Music Player

Monday 4 February 2013 @ 05:15 | 0 Comment [s]

Assalammualaikum and hai :)

Ya Allah , rasanya dah 3 minggu kot hannie tak buat tutorial . uuuuuuuuuu . lamanyaaaaaaaaa :p . *pemalas* . HAHAHAAHAH . tutorial ni credit to kak Atiqah . :3 tutorial ni khas untok warga2 BLOGSKIN kay :p♥

1. Dashboard > Template
2. Cari code <head>
3. Then , kupi2 kod kat 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('BACKGROUNDKOTAK');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>

pink: URL background korang .
biru: code lagu korangss
oren: ketebal border. ubah ubah la kalau korang nak .
hijau: jenis border > solid/ dotted/ dashed
merah: URL icon music . kalau nak ambik la kat bawah ni :)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIe5qVVGttrpXUyhmISJXES59dcqsV8YpRioskJIDSlX0v6fjqbJhAshWtg2Pz7N859gHpBFdK75Nlm9Pl_tNgP4jIzhcnohOeOVKDoCA2YHHXAactOdcPSvvYlwGeOeT_o1POwISNDA/s1600/7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIYehFU8za7KzqsV-VcXKKJsV-x7Ss42d6iRgTBUD2RznHtHYej8lNL4gJTIw9W_Lu-nS4gmp9xquqpHmDTeXRkT_veGI6kzOCXFBFrmK3xrqZ6RehG2HF1SpYfi45-CBkKDYpSw_-A/s1600/purple.png

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBLwRYVgSqQmc9Xq08HZJFNhAMkPHSezhhopjb9goD6FTu9OgyACsu4HFKtRy1uS83MSwCEagWERIrI9uMjtNkx4XOsWP8wnYjQu_tTg-USWhDdcMOD5jedfTXcXXRLDqPNPQCw8jRw/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-hBi465rgbJRYcN1XqohLMH0eQ05J4C9zBCDiA3_kWRScoKBrq6c_dAhQp8fQsukwIamXLmeMQeyN7IxNPkBswQ9SUpk5GWkewBkcWGJprQTM5zIuBA3WFqr0QqbQ3dFSWcxSBXp1Zg/s1600/6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6KpXen2KDe0zQVStHAPZ0hyGJjp2pQ8chg8npbnnU3Y3NaQeLlc7TmyC3OuTB6t3-ZF39lIgDrlktLYy44fbELCAf4G4gs_sfoVOus-KjZ4bjQsYPyhsb_OQAVgQyMMFDaLapIoHA1g/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCsXyabRQ3WAxqMCLmhZuBzlvISsGQyxTqWh326_PRBkK_R0BqZ_K9i85PW8H0E1cbjhX54Se12E0-xPePNTfxh2YLBpokOSiMzPRmcjC3rtvIGaJVsZKRfL2GJ_twroIQYquFvzUrQ/s1600/pink.png

5. Preview and SAVE ! ^^v

Wasalam

Penat Menaip ♥

HannieSawana

Older Post | Newer Post