Script Buku Tamu Auto Hide

Untuk membuat buku tamu seperti yang terlihat pada sudut kanan atas pada blog ini, maka anda daftar dulu pada Cbox dengan klik http://www.cbox.ws/getone.php.

Isi form-form dengan data Anda

Cbox name (nama id yang mau dipakai)

Password (password untuk login)

Confirm Password (ulangi password untuk login)

Email Address ( email anda)

Website (URL website / Blog anda)

Language (Bahasa tampilan Cbox)

Style (Tema yang akan dipasang anda pilih sesuaikan)

Centang kotak jika data anda sudah benar

klik Create my Cbox

Dan jika sukses alamat konfirmasi ke e-mail anda,    

Masuk ke email lalu klik link untuk aktivasi.

kembali ke akun cbox

Klik Publish

Setelah login anda akan mendapatkan kode yang harus anda pasang lanjutkan dengan memasang kode tersebut pada blog anda. (di sidebar ataupun dimana yang anda inginkan)

Selesai

Caranya Adalah sebagai berikut :

Login di blogger dengan ID anda

Klik menu Tata letak

Klik Tambah Gadget

Pilih HTML/Javascript

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/AVvXsEjr65GbwW5EeuWXkJ7HEq-sGyOP4uNC-FdJsCZzBwJXhNe3E6vHEl0lqoJQIPxqCsla9bYzRPfjQKLFfgn9AdW8czE3YIh40v9l_06MpeoC3tA-ZOGIXAXzMN2GHPvgs7UymZmBHf8ls5WI/') 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 Cbox / buku tamu Anda>

    </div>

    <script type="text/javascript">

    var gb = document.getElementById("gb");

    gb.style.right = (30-gb.offsetWidth).toString() + "px";

    </script></div>