Cara Sembunyikan Buku Tamu ( Shoutbox )

kali ini saya akan berbagi gimana cara meringkat kode html agar terlihat lebih freksibel
antara lain dengan cara menyembunyikan buku tamu (shoutbox) dengan kata lain membuat tabel bukak tutup

Langsung aja yagh di bawah ini saya berikan 2 script buat menyembunyikan chat box maupun shout box, yang satu dengan menggunakan knop atau tombol yang membuka ke samping saat di klik dan yang satunya lagi dengan cara open close.

Berikut scriptnya

langsung saja langkah pertama yang harus 

dilakukan adalah membuat buku tamu itu sendiri:

CARA MEMASANG BUKU TAMU DI BLOGER

langsung saja kali ini saya akan membahas gimana cara 
Memasang sebuah buku tamu atau  (shoutbox/guestbook)
 pada sebuah blog karena fungsi buku tamu itu sendiri sangatlah penting sehingga
 hal yang cukup lumayan penting, karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang pemilik blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog,


 maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi lebih bagus. 


langkah pertama 

kunjungi http://www.cbox.ws/admin.php?snippet

setelah regriter anda akan mendapatkan kode html 

seperti dibawah ini:

langkah kedua:

letakkan kode ini 

sebelom kode buku tamu anda..

<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://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

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">

oke sekian dulu info dari saya moga bisa bermanfaat bagi anda semua