Cara Membuat Buku Tamu
1. Pertama kita masuk pada cbox.ws untuk mendapatkan script buku tamu, kemudian sign up
2. Kemudian kita isikan data dengan benar, lalu centang pada tulisan "i agree to the cbox..." dan klik "create my cbox"
3. Setelah kita mengisikan data maka kita akan masuk pada cbox kita
4. Kemudian masuk pada email kita untuk melakukan verifikasi
5. Klik tautan dari cbox yang ada di kotak masuk email
6. Masuk pada Blog kita kemudian pilih Tata Letak, klik "Tambahkan Gadget" dan pilih HTML/JavaScript
7. Beri judul dan masukkan code pada konten dengan cara copy paste, simpan
8. berikut linknya
<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/AVvXsEgNuuP5xDa9M5Nl5ogwcQyFHYjVO4_fred2Wg5bMVI-ZhHGaOAqLoMKrqCK3vwd50F-RoyEP5b_O0usDszvqzfnOI64_FmqOhaPp5GGsnBM6l1U-ODxrGFwXXwXqvsAI8qEHIIzaaxieZfu/') 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">
#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/AVvXsEgNuuP5xDa9M5Nl5ogwcQyFHYjVO4_fred2Wg5bMVI-ZhHGaOAqLoMKrqCK3vwd50F-RoyEP5b_O0usDszvqzfnOI64_FmqOhaPp5GGsnBM6l1U-ODxrGFwXXwXqvsAI8qEHIIzaaxieZfu/') 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">
Serta masukkan code kita dari cbox dibawah link diatas (masukkan code Anda)
"dibawah merupakan contoh code"
<iframe src="https://www7.cbox.ws/box/?boxid=848230&boxtag=NJhtUP" width="100%" height="450" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe></div></div>
9. Jika sudah selesai maka akan muncul tampilan seperti dibawah
