Cara Membuat Buku Tamu Menempel

Hello Sobat, apa kabar...???

Oyah Sobat Kali Ini kita akan membuat Artikel Cara Membuat ChatBox atau Buku Tamu.

Oke...langsung saja Sobat kita menuju ke TKP.

Lihat langkah-langkah dibawah ini :

1. Masuk ke Blog sobat

2. lalu pilih Design/Rancangan-Add widget-Html/JavaScript

3. Copy Code 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXXTjXxHaJbuRuGiLPiMe3-Dj_x3pt88zuJqsEAYba9nr8GH43V9gDPks2nA1KaZYb4gJGqDwYtvns6b8B4rcoplmgP9EuxREw-Jyf5xapazbzOAWuyjPwwxLMpM4HekVJulIIN_iFiq6j/') 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 Code Script ChatBox/ShoutBox 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>

4.Selamat Mencoba, Semoga Sukses....