Cara Memasang Chat Box di Blog

 

Buat Kalian Yang Mau Chat Box  Seperti punya saya yang ada di samping kanan blog saya ini , Caranya cukup Mudah Oke Let's Do it :

 

    Login Blogger Dulu Ya...
    Masuk Aja Ke Tata Letak.
    Add Gadget > HTML/JavaScript
    Masukin Kode 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/AVvXsEiwBsTGOCo8T9kalyqk-Zsq2q9Phi6UbU1o8uk8peUwcJKar93rfWWxvNX39uu9CQXE15J1hNkY2-NiQxT4RCmKChFcsfHcdu9-w9YDM2kSOOaN3qYji5_haHMuDQAx0i9i2ASqxAvXG8ok/') 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">

Taruh Kode chat box anda di sini

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Mau Widget Ini? <a href="http://blogmartstein.blogspot.com/2012/11/Memasang-ChatBox-Tersembunyi.html" target="_blank">Klik Disini</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>

Read : Ganti Tulisan berwarna biru Dengan Gambar chatbox kalian sendiri
           Untuk Kode yang berwarna merah Jika kalian Ingin Mendapatkan kode chat box nya anda bisa Langsung menuju link ini Click Here

Jangan Lupa Comment N jadi Member di blog ini untuk Mengetahui Postingan terbaru blog ini Okey