Membuat Buku Tamu Di sisi kanan blog

cara Membuat Buku Tamu Di sisi kanan blog  - Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Buku Tamu Di sisi kanan blog, sedikit tentang widget buku tamu. buku tamu hampir sama dengan form komentar namun dengan buku tamu pengunjung dapat dengn mudah membri komentar'a.Ada.

Berikut cara Membuat Buku Tamu Di sisi kanan blog
1. Login ke blogger Bila sudah masuk klik rancangan --> Elemen Laman
2. Pilih Tambah Gadget --> HTML/Javascript
3. Masukkan Kode Di Bawah 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/AVvXsEhVo8oM05fYUM26ySrdw-RorYT6h0xQfj56igKSxV0lzBYymQMAGsoUjTRs91JPPlMQQjXnAyHr0CR3RG7JbC5xx19h1M9oaE7_BABPPMJj100HCgu6MExQooSWl6kw3eWiop-lINfEQD2g/') 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">

<!-- Letakkan kode buku tamu anda di bawah ini -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<small>Widget by: <a href="http://rezdown7.blogspot.com/" target="_blank">Rezdown7</a></small>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Jangan Lupa Text Yang Berwarna Merah di Ganti dengan Kode Script Buku tamu sobat..


4. Simpan..