Cara Membuat Buku Tamu Tersembunyi di Blog

 -BUKU TAMU

Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Cbox. 

 1.Silahkan sobat kunjungi situs http://www.cbox.ws
2.Klik menu Sign Up pada menu yang berada di atas halaman tersebut

3.Isi form yang disediakan (jangan lupa centang tulisan I have read and agree to the cboc Terms and Condition Of Service)
4.Jika sudah terdaftar,silahkan sobat login dengan akun yang sobat buat tadi.
5.Klik menu Publish yang berada di atas halaman.
6.Copy semua kode HTML yang telah di sediakan

Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda
2. Klik menu Tata Letak
3. Klik add gadget (tambah gadget)
4. Klik HTML/JavaScript
5.Lalu Copy kode berikut dan Pastekan Pada kotak HTML

<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/AVvXsEiiLM3JuS8Pz9-vqqeSP-ykHknkHIuLj-HVRQucDcQGzHU7IYH6V3yEMeCb9URjsBX6U1FdZ-Cfb4N-rdbpkJvgj6-FdGaBWQDufBo7BJPPvVc66cg6BKUJFk2rT5KSQwe9KQaBXfCrlzC_/') 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">


    < Letakkan disini kode Shoutbox Anda>


    </div>


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

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.

7.Save Widget tersebut.

-SHOUT BOX 

Ganti dengan kode berikut: <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://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">
KOD CBOOX yang tadi DISINI
<div style="text-align:right"><a href="http://azzam10.blogspot.com" target="_blank"><small></small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Keterangan :
Perhatikan tulisan KOD CBOOX yang tadi DISINI silah sobat ganti Dengan kode cbox tadi.
Sedangkan Kode http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png ini adalah URL Gambat tombol Buku Tamu.

Source: www.andreykusanagi.com  

slinder9.blogspot.com 
azzam10.blogspot.com