Cara Membuat Buku Tamu (cbox.ws) yang bisa buka-tutup di blog

Buku Tamu digunakan untuk meninggalkan jejak pengunjung yang telah datang ke website kita baik itu kunjungan pagi,siang,sore,malam,promosi,masalah,pujian,dan expresi, dengan buku tamu ini maka blog kita tidak akan semak dengan link-link karena ketika di shoutbox ini maka link tersebut dapat disisipkan pada nama jadi tidak ada salahnya kan kita menggunakan cbox ini... untuk menggunakannya cukup mudah langkah pertama adalah...


1. segera kunjungi cbox.ws lalu klik pada "Get your own free Cbox now!" kemudian daftarkan diri anda untuk cbox id isikan dengan nama untuk login anda,dan jangan lupa untuk pilih style nya ya brow
2. klik bagian Home -Publish pada bagian codenya silahkan klik "copy to clipboard"

3.setelah dapatkan code nya maka buat shoutbox anda menjadi bisa buka-tutup dengan menyisipkan code berikut copy kode di bawah ini lalu pastekan dulu di notepad lalu sisipkan ditengaj tengahnya kode cbox anda tadi :

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItYY4Nfv2f3lhwU-0kxWrq0AeUsBWJQv7Fg9pR8IiyZ1HJL2svmdY2EAShBJxbQII8ZgZ6Hm6Bc9_K7osjl7oOQXwWs7sbXBdHn8xQdoMWoRtd1kvU42Wn4MQMsLKkgtnPOvZPLKYgXqX/') 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">

Pastekan code cbox anda disni

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4.masuk ke blogger pilih rancangan - edit laman - tambah gadget lalu pastekan kode yang sudah ada atur tadi dan simpan.

5. lihat hasilnya....

Baca Juga Cara Menghapus Komentar di Shoutbox(cbox)

 'Semoga Bermanfaat...'