Cara membuat Buku Tamu Tersembunyi

    Halo sobat blogger semua salam damai untuk kalian hehe...Kali ini saya akan menulis artikel tentang bagaimana membuat buku tamu cbox agar bisa sembunyi,buat yang sudah master wap tentunya ini sangat gampang bagi mereka,tapi buat yang baru kenal wap seperti penulis itu sangat susah untuk membuatnya.

     Buku tamu cbox yang dapat tersembunyi tentunya sangat baik untuk tampilan blog menurut versi penulis mengingat tidak memakan banyak tempat di blog.Bagi yang ingin membuatnya tentunya kia sudah punya akun cbox jika belum punya dan ingin membuatnya anda bisa lihat tutorial pembuatannya di sini.Baiklah kita langsung saja ke TKP :

1. Masuk akun Blogger sobat sekalian,
2. Masuk tataletak =>tambahkan gadget,
3. Pilih HTML/Java Script => copy pastekan code di bawah ini :

    <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/AVvXsEhKnt_Py86bCK585cV4eXMYlq9sOGsGctKgHGfJ3jAgOEOjL577UQZL8wd9aMVNnqyVtX007_VjG1w5MA7buwdpMIJsaYvb0-KGIRvQoMLTAgzFMpdgIVedp_3QzW47GFY59Rszpc-0bfvX/') 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">

   KODE CBOX DISINI

    <div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://amronbadriza.blogspot.com/" target="_blank">Blogaul</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>

  4.Ganti text yang berwarna biru dengan kode cbox anda lalu save.

mudah bukan dan selamat mencoba semoga sukses.