Cara Buat Buku Tamu Melayang diBlog

Dalam kesempatan kali ini,saya akan menjawab pertanyaan dari salah satu tamu blog saya yg bernama HENDRI gimana Cara buat buku tamu/guest book yang ada di blog saya ini. Ok jika sobat tertarik untuk mempunyai buku tamu yang serupa dengan blog ini,silahkan sobat langsung saja simak penjelasannya di bawah ini.Caranya cukup mudah koq.

Cara nya Sebagai Berikut :

• ·  Daftar dulu di Cbox, Silakan Klik   ">><<DAFTAR>><<"    maka akan tampil seperti gambar dibawah ini :

• ·  Klik SING UP ( lingkaran merah ), maka akan tampil seperti gambar dibawah ini :

• ·  Isi data - data yg diminta ,beri centang pada kotak I have read Klik Create My Cbox

     / jika data - data kamu diterima maka akan tampil seperti gambar di bawah ini :

• ·  Buka Email mu ( email yg di daftarkan tadi )cari pesan yg dikirim dari Cbox,seperti gambar di bawah ini :

•  ·  Double klik pada  tulisan yg dilingkaran merah ,maka akan terlihat Code Generator,seperti gambar di bawah ini (biarkan saja tab cbox terbuka /copas kode pada lingkaran merah di notepad): 

•  ·  Berikut nya Login ke Blog kamu

•  ·  Klik Desain

•  ·  Klik Tata letak

•  ·  Tambah Gadget > HTML/Javascript

•  ·  Copy kan Script dibawah ini tanpa judul

<style type="text/css"> #gb{ position:fixed; top:300px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:120px; width:40px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSvgk8l7eCdpLMHqh-DKHHHb_Xivps6XPOmt0Pg77HcnbWswJTM-kQfWaccX5XcY1zkSWhqZ5DX6b9XNhWd9FBC2x-3lq2j6ymgzOzeVuVpgLU5yLOrIiuUKbrTCPAXFfi3z8rOXu1kl3l/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid#A52A2A; background:#7CFC00; padding:5px; } </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">CODE GENERATOR DARI Cbox <br/><a href="#"target="_blank"></a> <div style="text-align:right"> <a href="javascript:showHideGB()"></a> </div>   <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

• Ganti tulisan berwarnah Merah dgn kode generator yg kita dapat dari Cbox
• Top: 300px = untuk mengatur tinggi rendah buku tamu.( ubah sesuai keinginan )
• Ganti tulisan berwarna kuning ( KODE WARNA ) sesuai keinginan ( 1px : ketebalan garis )
• Save dan lihat hasil nya....

Silakan baca artikel Selanjutnya di Setting Buku Tamu Cbox

TERIMAKASIH, SEMOGA BERMANFAAT....