♚ Perfectly Imperfect

Bonjour!
Hey ! Good days to you!

Welcome to my Blog.i`m Lika Ikfihalali, call me Lika or Chikka.. thanks for visited my blog, leave your footstep at my shoutbox.. do you want to know about my 2nd site?? please, Here
hate me?? CLICK THIS !



Tagboard
Footprints here!



My Banner
Put Mine, OK? ^.^



Followers
Follow Me !



Credits

Basecode: Nadya.
Full edit: SitiSyuhadah
Re-Edit by: Lika Ikfihalali

Tutorial : Automatic Cbox/Shoutbox Hide

Dashboard > Design > add gadget > html/java

copy-paste kode dibawah..

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL IMAGE SHOUT') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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">

YOUR CBOX CODE

<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 = (140-gb.offsetWidth).toString() + "px";
</script>


Orange : ganti sama kode Cbox/Shoutbox kamu :) klik sini buat bikin cboxnya :) nanti tutor bikin shoutboxnya nyusul yah :)
Green : ganti sama url image kamu.. :)

then save.. good luck !!

Label: