Cara Membuat Chat Customer Service

blogger templates




    • Friendster
    • Blogger
    • Wordpress, dan
    • Multiply
    Untuk cara pemasangan Pingbox di blog anda adalah sebagai berikut:
    1. Sebelum anda membuat anda harus mempunyai Email Yahoo.
    3. Klik tab Pingbox dan Buat Pingbox
    4. Atur gaya Pingbox yang anda inginkan dan isi form berikut ini :

    • Pilih latar belakang, 
    • Ukuran dan warna teks.
    • Salam sambutan pribadi, 
    • Pesan saat anda offline.
    • Nama Pingbox yang anda inginkan.
    • Klik Save.
    5. Pasang Pingbox di halaman Website/Blog anda dengan cara :

    • Pilih situs untuk menambahkannya Blogger
    • Salin kode Pingbox ke clipboard.
    • Sign in ke Blogger.
    • Klik link "Tata Letak" yang ada di Panel Kontrol.
    • Selanjutnya, klik "Tambah Gadget".
    • Di jendela yang muncul, cari HTML/JavaScript dan klik tombol (+) untuk menambah Gadget.

    6. Kalo sobat pengen Chat melayang seperti gambar diatas gunakan code berikut
    __________________________________________________________________________________________________________
    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:142px;
    width:60px;
    float:left;
    cursor:pointer;
    }
    .gbcontent{
    float:left;
    border:2px solid #ff8000;
    background:#F5F5F5;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 60-w) : moveGB(50-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 onclick="showHideGB()"> </div>
    <div>

    MASUKAN KODE PINKBOX SAHABAT DISINI


    <div style="text-align:right">
    <h6><blink>UndanganQt</blink></h6></a></div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>


     __________________________________________________________________________________________________________


    7. Save / Simpan dan lihat hasilnya

0 Response to "Cara Membuat Chat Customer Service"

Posting Komentar