Membuat Buku Tamu Di Blog

Selamat siang sobat Share Pengetahuan

Pada postingan kali ini saya mau share sedikit nih tentang bagai mana cara Membuat Buku Tamu Di Blog seperti yang ada di blog saya ini,.

gimana sob? keren kan hehe

Gunanya ngga lain seperti tempat chat atau tempat meninggalkan pesan dari pengunjung sob

yaudah dari pada kelamaan, mending kita langsung aja yuk sob

• Sobat login blog dulu
• terus ke tata letak pilih tambah gatged
• pilih java script/hyml

masukin code ini sob

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:3000px;
width:65px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdRPdjVcwclhP9CG-jYklkTgaMb5LKn_J9DMBi50ro3oKgI7eAG8LLwQ9zdMJG-XTqxLZQxyQB6qQ2vjZgKDmiMvAwpTbTUHiI6Skm4oc6YchZ7n1egUS3jXvoc7X0oXYrOk1tp8dJsZAg/s800/buku%2520tamu.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?

boxid=4203856&amp;boxtag=k0gfwt&amp;sec=main" marginheight="2" marginwidth="2" 

scrolling="auto" allowtransparency="yes" name="cboxmain4-4203856" style="border:#ababab 1px 

solid;" id="cboxmain4-4203856"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?

boxid=4203856&amp;boxtag=k0gfwt&amp;sec=form" marginheight="2" marginwidth="2" 

scrolling="no" allowtransparency="yes" name="cboxform4-4203856" style="border:#ababab 1px 

solid;border-top:0px" id="cboxform4-4203856"></iframe></div>
</div>
<!-- END CBOX -->
<br />
<div style="text-align:center">
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Ganti code yang berwarna merah dengan kode Cbox sobat
simpan dan selesai deh hehe
gmana sob??
cukup mudah kan??
saya akhiri cukup sampai di sini dulu ya sob
semoga bermanfaat dan bisa membantu sobat semua
trimakasih :)