Cara Membuat ChatBox Melayang Di Sebelah Kiri Blog

1. Silahkan login akun Blog Anda Dan Dapatkan Terlebih Dahulu Kode ChatBOX Disini
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah ini :

<style type="text/css">
    .gb_fixed{
    position:fixed;
    top:230px;
    left:0px;
    z-index:+10;
    }
    * html .gb_fixed {position:relative;}
    #hidden_gb2 {
    display:none;
    border:2px solid #ff0000;
    background:Transparent;
    padding:10px;
    padding-top:0px;
    }
    </style>
    <div class="gb_fixed">
    <table id="hidden_gb2" cellpadding="0" cellspacing="0">
    <tr><td>
    <div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:White">Close</b></a></div>

<!-- START BOX -->

Paste Kode ChatBox Anda Di Sini

<!-- END CBOX -->

    </td></tr></table>
    </div>
    <script src="http://wisnunugraha.googlecode.com/files/Hide%20ChatBOX.js"></script>
    <div style="z-index:+5" class="gb_fixed">
    <a href="javascript:void(0)" onclick="gb_showHideGB()">
    <img border="0" style="border:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfpye8gH2hKMPMO1Dh38Cl069pM06Sf7oeIAs72Qh3Lm3tNVk4YLoFaH7P938PY1XE6mFHbp_NAmAy45JRrBQFoIPupaBkFuTrFbu3SnuLEcqmSr_M-3RGMANs8sidKc4uR_dh_x9GS4/s1600/chatbox.gif" onmouseover="tooltip.show(&#39;&lt;img class=fs_atrplusImg src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfpye8gH2hKMPMO1Dh38Cl069pM06Sf7oeIAs72Qh3Lm3tNVk4YLoFaH7P938PY1XE6mFHbp_NAmAy45JRrBQFoIPupaBkFuTrFbu3SnuLEcqmSr_M-3RGMANs8sidKc4uR_dh_x9GS4/s1600/chatbox.gif&gt;&#39;)" onmouseout="tooltip.hide()" />
    </a>
    </div>

6. Ganti tuisan berwarna biru dengan kode CBox Anda
7. Save Widget Anda

Share this

torngabeng