Cara Membuat Chat Customer Service

• 
  

  
  

  

  
  

  
  

  • Friendster
  • Blogger
  • Wordpress, dan
  • Multiply

  Untuk cara pemasangan Pingbox di blog anda adalah sebagai berikut:

  1. Sebelum anda membuat anda harus mempunyai Email Yahoo.

  2. Kunjungi http://messenger.yahoo.com/download/

  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;

  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgOMfEpc5eRL8LkMo1tIy2uzlU9GO1lkAo_ST6EuuXvfu_e5DmfSeoeEhDaOkfM5IngM9OQsn3OdgAgYoogkTYbP5WEqmqPu-44KdzOP2IxoVya6iITIxHuE7G4J3m2DbGvkgvZEXwrL8/s1600/chat+customer+service.png') no-repeat;

  }

  .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">

  <a href="http://bit.ly/RsMd1r">

  <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