cara membuat buku tamu melayang di blogspot

Sebelum membuat buku tamu melayang di blogspot, yang perlu diketahui mengapa di dalam blog perlu adanya buku tamu. melalui buku tamu, pengunjung dapat berinteraksi kepada pemilik blog dan pengunjung lainnya. adapun langkah-langkah yang harus diikuti dalam  membuat buku tamu melayang di blogspot yaitu :

1. Daftar di website Cbox  untuk mendapatkan kode javascript/html buku tamu , Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cb
2. Setelah login, edit sendiri buku tamu pada Cbox anda sesuai keinginan.
3. Copas Kode javascript/html

dan Langkah berikutnya Copy-Paste HTML 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7bZ7wGOBnpgwxd9cd4-_siWmgCNpBlfEmRb7aT8_zlI3r7M7adbXhDCb6luS1loRlKeSUNa4MPMRIRCtbOT_KAlouja1UBamCq4sGNZTtxMf054WNV8mLX0h6ewF-y8YOv96ZXwNIUC8/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">
Silakan Paste kan javascript/html yang telah anda buat di cbox disini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Cara memasang kode javascript/html di blogspot

1. Masuk akun blogger anda
2. Kemudian pilih tata letak
3. dilanjutkan Add gadget atau Tambah gadget
4. Masukkan javascript/html diatas dan ganti tulisan yang berwarna merah dengan  javascript/html cbox anda buat
5. terakhir jangan lupa di simpan

Mudahkan !!!

Baca juga info berikut ini ya, Beli property tanpa uang dan tanpa KPR dari <a href="http://jx18.blogspot.com/2013/07/cipto-junaedy-cara-dahsyat-beli.html/">Cipto Junaedy</a>

Berkunjung ke blog anda....Baca juga info berikut ini ya,  <a href="http://sriudin.com/">Education Blog</a>