Sabtu, 20 Ogos 2011

Cara Nak Sembunyikan Shoutbox.


Ok, continue... entry lepas tukar cursor nie nak sembunyikan shoutbox kat tepi lak... step dia pun lebih kurang jugak. =)


Let's begin!

1) Buka Dashboard.

2) Pilih Design.

3) Tekan Add Gadjet.

4) Pilih Html/JavaScript.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
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">

<center>Masukkan shoutmix codes kat sini</center>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

5) Copy and Paste codes kat atas dekat Html/Javascript tadi.

6) Tulisan BIRU nie boleh tukar ikut kesesuaian blog.

7) Tulisan PURPLE nie boleh tukar dengan pic. (Pic boleh cari dekat Photobucket, ambik yg direct link tau).

8) Tulisan OREN tukar dengan shoutmix codes sendiri.

9) Save dan siap.


p/s : as usual try and error ya. =)


Kalau suka boleh like...^_^

2 ulasan:

HPS berkata...

salam..
zana, mintak izin c&p..
tq..

zana berkata...

aya akira~

w'slm... boleh ja.. sama2. =)