Cara membuat buku tamu tersembunyi

Sobat blogger , kali ini saya akan membahas tentang bagaimana cara membuat buku tamu/shoutcamp tersembunyi di sisi layar browser anda , dan dengan mudahnya kita bisa membuat nya dalam waktu yang relatif singkat .
Widget Shoutcamp atau Buku Tamu ini memang cukup banyak kegunaannya,selain untuk sekedar sapa menyapa antar pemilik blog, juga dapat untuk pesan konfirmasi, dan memberitahukan sesuatu kepada pemilik blog,dari segi fisiknya sih lumayan makan tempat,jadi saya buat saja tutorial ini guna menghemat tempat untuk widget - widget penting lainnya...OK tanpa basa - basi lagi kita mulai tutorialnya...

   1. Login ke akun Blogger anda.
   2. Pada Tab, pilih Rancangan > Edit Laman.
   3. Kemudian Add Gadget / Tambah Gadget pilih HTML/Javascript.
       Jika sudah silahkan masukan kode dibawah ini ke dalam jendela HTML/Javascript :

<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/AVvXsEjP8PWW86qL6yN8BbI0hnLc8xZh3zkccBN-49fDWqrk16A1uSwDYx3lWqx6NhfLtosLkmZXjlw_EusJh0PQr0266TFLMR0WeACAhUzN6VLB2XMFskNLQyWIdRuM9Tvi_wlSw7PC5HEPFf9p/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #FFF0F5;
    background: #F8F8FF;
    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 Kode Shoutbox disini

<a href="http://warnaklorofil.blogspot.com/2012/03/cara-membuat-buku-tamu-tersembunyi.html" title="Cara buat buku tamu tersembunyi" id="ENjoy">Cara buat buku tamu tersembunyi</a></div>
    </div>

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

Terakhir simpan dan lihat hasilnya,untuk tinggi dan lebar bisa anda atur sendiri...
> tulisan berwarna Ungu ganti dengan kode Shoutbox anda.
> tulisan berwarna Merah silahkan ganti dengan kode warna kesukaan anda .
> untuk kode warna nya klik disini


saya sarankan anda untuk membuat shoutmix di alamat ini
> shoutcamp
atau
>C-BOX
Semoga Bermanfaat,terimakasih atas kunjungan nya and jangan lupa tinggalkan komentar yah..

Catatan : Kode diatas udah ditambahin backlink website saya, mohon berbaik hati agar tidak menghapusnya ..

Sumber : harizracun.blogspot.com