kalu aku sendiri kebetulan pakai yang dari cbox, tetapi tar sama aja cuma beda layanan penyedia... nah setelah kalian register ke salah satu web tersebut...
setelah melakukan beberapa settingan tampilan warna dan sebagainya kalian pilih menu Publish!, maka akan tampil seperti dibawah ini (klik untuk perbesar)
setelah itu masukan alamat website/blog kamu di kotak yang tersedia kemudian get code yang ada di bawah copy kode tersebut... setelah itu kamu masuk ke blog kamu tambahkan widget baru HTML/JavaScript nah dah jadi chat box kalian... kayak gini nih hasilnya...
sedangkan untuk menyembunyikan chat box seperti di blog saya ini gunakan code berikut....
<style type="text/css">
#gb{
position:fixed;
top:30px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:170px;
width:33px;
float:left;
cursor:pointer;
background:url('http://a.imageshack.us/img833/7936/gbflag.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #444444;
background:#000000;
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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
(isi dengan kode chat box milikmu)
<!-- END CBOX -->
<font size="2"><a href="http://mboloz.blogspot.com/2010/08/bikin-buku-tamu-dengan-chat-box.html">Cara Buat</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
^^ trima kasih.. selamat mencoba.........
<style type="text/css">
#gb{
position:fixed;
top:30px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:170px;
width:33px;
float:left;
cursor:pointer;
background:url('http://a.imageshack.us/img833/7936/gbflag.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #444444;
background:#000000;
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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
(isi dengan kode chat box milikmu)
<!-- END CBOX -->
<font size="2"><a href="http://mboloz.blogspot.com/2010/08/bikin-buku-tamu-dengan-chat-box.html">Cara Buat</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
^^ trima kasih.. selamat mencoba.........
bisa dicoba ntar
BalasHapussilahkan coba ntar...
BalasHapuspertama nya bingung ni gan,,, agak puyeng, tp akhir nya bisa juga.
BalasHapushehhehhe.... :)
http://klickajadeh.blogspot.com
Thx ya gan..
mantep gan :)
BalasHapuscakep dahhh
thx banyak