Menu

Sabtu, 02 Oktober 2010

Cara Menambahkan Chat box pada blog








TwitThis
Mau? Blog anda tedapat chatboxnya? caranya simpel.... cukup ikuti langkah di bawah ini... =

      kamu bisa coba buka link ini:



  1. ShoutBox pada tampilan awal kamu akan menemukan seperti inisetelah itu kamu klik tombol "creat shoutbox" maka akan ada tampilan seperti iniisi form "Shoutbox information" sebagai ID saat kamu login ke situs ini.. jangan lupa isi juga form "Contact information" dan centang pada bagian bawahnya.. jika sudah klik Continue.. jika keluar tampilan seperti di bawah ini bearti kamu sudah berhasil registrasi..untuk langkah selanjutnya.. kamu tinggal copy scrip di bagian yang yani beri kotak merah.. lalu silahkan copykan ke blog kamu.. Layout --> Page Elements --> Add a Gadget.. lalu pilih yang HTML/Java  Scrip dengan meng-klik tanda plus (+)nya..lalu copy scrip  di bawah ini..
COPY PATE KODE DI BAWAH INI YANG BIKIN BOTAK KEPALA

    <!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com -- http://www.remo-xp.com--> <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> <!-- Kode Shoutmix mu Disini --> 
       " MASUKAN KODE SHOUTMIX DISINI "
         <div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

      Lalu ganti kata  MASUKAN KODE SHOUTMIX DISINI  dengan code shoutmix anda dan lalu copy pastekan di configure HTML/JavaScript

      1. langkah terakhir save juga di Page Element blog kamu.. dah kamu bisa lihat hasilnya di halaman blog kamu.. untuk merubah2 style dari tampilan kamu.. kamu bisa berkreasi di menu "Display" yang ada di menu login kamu.. 
      2. ChatBox ini salah satu jenis buku tamu lain yang digunakan para blogger.. tampilan awal ChatBox akan muncul seperti ini..lakukan registrasi dengan klik tombol "sign up" seperti yani blok di atas.. maka akan tampilan registrasi seperti ini..isi semua form jangan sampai ada yang terlewatkan.. jika sudah jangan lupa centang bagian bawahnya lalu klik tomblol "Create My Cbox!".. jika tampilan sudah berganti dengan tampilan sepeti di bawah ini, bearti kamu sudah berhasil registrasinya..selanjutnya masukin ID login dan pasword kamu.. lalu "ENTER" ato klik tanda panah di samping formnya.. setelah masuk ke tampilan hometekan "PUBLISH" untuk menemukan scrip dari Cbox ini..lalu copy semua scrip yang ada di box dalam kotak merah itu.. lalu masukkan scrip itu ke blog kamu.. caranya sama kok dengan cara memasukkan scrip ShoutMix.. dan untuk mengedit style dari ChatBox sesuai keinginan kamu, kamu bisa berkreasi pada menu "LOOK & FEEL" pada home ChatBox kamu..







      SELAMAT MENCOBA..

      0 komentar:

      Posting Komentar

      Archive

      Related Posts Plugin for WordPress, Blogger...

      About Me

      Foto Saya
      Mirzza Mali Ahmad
      Saya Cuma Orang Kampung Biasa yang Hobinya NgeBlog... Tujuan Saya NgeBlog hanya untuk berbagi pada anda-anda Sekalian.
      Lihat profil lengkapku

      Template by:

      Free Blog Templates