Monday, May 16, 2011

Cara Membuat Hidden Chatbox

oke kali ini saya akan memberikan tutorial memasang hidden chatbox , sebetulnya ssangat mudah dan tak rumit maka ikuti lankahnya dibawah ini .

1. copy paste kode dibawah ini

<!-- left hidden chatbox by http://vianjb.blogspot.com START -->
<style>
#hcl {
position:fixed;
top:100px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S2Evq5hIpUI/AAAAAAAABAM/3qo6ScKImhw/s400/cbred-LEFT.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">
<!-- KODE SHOUTMIX ANDA DISINI -->
<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</embed></div>
<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left hidden chatbox by http://vianjb.blogspot.com END -->

2. letakkan kode shoutmix anda dibawa tulisan " <!-- KODE SHOUTMIX ANDA DISINI --> "
3. paste kode tersebut di html/javascript
4 save dan selesai

gimana cukup mudah kan , oke .. jika masih kurang jelas tinggalkan komentar anda di artikel ini

Tags :
hidden chatbox,left hidden chatbox,membuat chatbox tersembunyi,tips cara membuat chatbox,
memasukkan chatbox,fungsi chatbox,chatbox.

1 comments:

  1. Mas, bibkin chat box kyk di blog mas ini sipostkan dong tutorialnya saya tertarik mas. terima kasih...

    ReplyDelete


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam