Cara Membuat Buku Tamu di Blog (Cbox)

Di posting saya kali ini saya akan mengajak anda untuk bersama-sama membahas bagaimana "Cara Membuat Buku Tamu di Blog (Cbox)" . Tentunya setiap site memiliki para pengunjung yang selalu hadir berkunjung ke site tersebut. Alangkah kurang sopannya kita bila tidak memfasilitasi atau menyediakan tempat bagi pengunjung untuk berbicara kepada kita sekedar mereka menyapa atau bercoment di site anda.

1. Pengunung : Kan sudah ada kotak komentator gan?
2. Author : Survey dari saya sendiri menunjukan 80% dari pengunjung di blog kita lebih tertarik berkomentar atau berkeluh sapa di kotak chatting gan. Karena lebih praktis dan hemat waktu. Ok, tanpa berpanjang lebar lagi ayo ikuti langkah saya di bawah ini .

Tahap Pertama :

• Pertama buka situs cbox.ws, kemudian daftarkan blog anda dengan cara sign up, dan ikuti langkah-langkap pendaftaran.
• Setelah itu silakan anda login => pilih menu "look & feel"

-Layout option digunakan untuk mengatur lebar dan tinggi chat box anda.

-Style Preset digunakan untuk memilih tema-tema default chat box anda.

-Color & Font digunakan untuk mengatur warna dan jenis font untuk chat box anda.

• Kemudian anda tinggal mengatur warna dan desain chat box anda, klik "APPLY" kemudian klik "GET YOUR NEW CODE", pilih inline kemudian copy code tersebut.

Tahap Kedua :

• Login ke akun blog kalian http://www.blogger.com/
• Tambahkan Widget, kemudian pilih widget HTML
• Copy Paste kan code dibawah 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('http://i1143.photobucket.com/albums/n631/aga-yuditra/Chat-Box-gif.gif') no-repeat; } .gbcontent{ float:left; border:2px solid #ff0000; background:#000000; 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"> COPY PASTE SCRIPT DARI CBOX DISINI <a href="http://adf.ly/4kyMr"></a> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> 

• Ganti text  " COPY PASTE SCRIPT DARI CBOX DISINI" dengan code yang anda dapat dari text box Cbox saat anda mendaftar.
• Aturlah warna background dan border dengan mengganti test "border:2px solid #ff0000;"
  dan "background:#000000;".
• Bila anda kesulitan menentukan kode warna silahkan buka pada toolbar site ini,banyak code warna yang ditawarkan sesuai kebutuhan anda.
• Jika anda ingin mengganti tombol CHAT BOX supaya beda dari blog ini, ganti URL image pada code ini "background:url('http://i1143.photobucket.com/albums/n631/aga-yuditra/Chat-Box-gif.gif') no-repeat;".
• Bila sudah silakan atur ukuran tombol dengan ukuran image yang anda gunakan dengan cara mengganti angka pada code "height:100px;"untuk tinggi dan "width:30px;" untuk lebar.

Note :

1. Bila tips dari saya anda rasakan bermanfaat buat anda, silakan follow saya atau joint us di site ini. Atau bagi yang punya site ayo tukaran link dengan saya.
2. Apabila anda merasa tips ini tidak bekerja di site anda dengan baik dan cara di atas anda anggap salah ...,mohon berikan kritik dan saran yang membangun buat site ini.