Cara Membuat Buku Tamu

Cara membuat Buku Tamu dalam Blog adalah artikel yang akan saya bagikan kepada anda semua. Bila Anda adalah seorang webmaster atau blogger, maka interaksi dengan pengunjung blog anda sangatlah penting, karena dengan adanya komunikasi dan interaksi yang intensif dengan pengunjung akan membuat blog anda disukai dan selalu dikunjungi karena si admin terkenal ramah. Maka dari itu, Salah satu cara baru dan mudah untuk bisa berkomunikasi dengan pengunjung adalah dengan memberikan fasilitas Buku Tamu di blog. Di Buku Tamu ini, siapa saja bisa melakukan obrolan dan bertanya apa saja kepada pemilik blog bahkan juga bisa berdiskusi santai dengan pengunjung / blogger yang lain.
Contoh Buku Tamu :

Membuat Cbox Dan Mendapatkan Kode HTML Nya

1. Buka Situs Cbox Klik Di Sini

2. Klik " Get your own free Cbox now! "

3. Isi Semua Form Pendaftraan Dan Pilih Style Kesukaan Anda

4. Jika Sudah Klik Create My Cbox

5. Silahkan Setting Sendiri Sesuai Keinginan Anda

6. Jika Sudah Selesai Setting Cbox Sekarang Klik "Publish!"

7. klik tombol Copy to Clipboard.

8. Paste Kan Di Notepad Sementara

Cara Memasang Kode HTML Cbox Ke Blog

1. Buka Blog Anda

2. Klik Tata Letak

3. Klik Tambah Gedget

4. Pilih HTML/Javascript

5. Masukan Kode Berikut

<style> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://lh3.googleusercontent.com/-lxXczcGkgRY/U_PAdrCdnJI/AAAAAAAAAHc/UIcQdmbs6Eo/w346-h930/buku-tamu.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

MASUKAN KODE HTML CBOX ANDA TADI DI SINI

<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>