Cara Buku Tamu Menempel di BLOG part 2

Kemarin saya pernah posting Cara Membuat Buku Tamu di BLOG,,kali ini saya berbagi Buku Tamu Menempel di BLOG part 2.Langsung saja ikuti langkah- langkahnya di bawah ini ,buat sobat yang belum tahu caranya silahkan sobat baca Artikel nya di Cara Membuat Buku Tamu di BLOG pada postingan sebelumnya.

Cara Membuat Buku Tamu Menempel di BLOG :

1.Login ke Akun Sobat
2.Dashbord   --->Tataletak  --->Tambah Widget  --->Html/Javascript
3.Copy paste kode di bawah ini :

<style type="text/css">
    #gb{
    position:fixed;
    top:23px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

     Masukan Kode Script ChatBox  Sobat Disini

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [Close]
    </a>
    </div>
    </center></div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

Kalau sobat mau menambahkan Kode Iklan di Buku Tamu Caranya Tinggal Sobat tambahkan Kode <br> Kode Iklan Sobat </br>
tepat di bawah Kode Cbox. supaya kode iklanya Rapi atau terpasang tepat di tengah sobat tambahkan <br><center> kode Iklan Sobat </center></br>
Semoga Artikel cara Membuat Buku Tamu Part 2 di atas bermanfaat buat sobat,,pesan saya jangan lupa untuk selalu tinggalkan jejak  atau silahkan Isi Buku Tamu di Pojok Kiri Blog.
T   E   R   I   M   A   K   A   S   I   H  
Sumber kode :Blog Pemula
Silahkan di Baca Artikel di bawah ini :

1. Cara Cepat Mencari Kode Html
2. Cara membuat Cursor Animasi Keren
3. Tip's n Trik FACEBOOK