Membuat Buku Tamu

Ok sob, saya akan membagi pengetahuhan sedikit supaya Blog anda akan terasa dinamis jika telah dilengkapin oleh fitur buku tamu,  karena Buku tamu disini ialah sebuah fitur yang berisi chat/komentar dari si pengunjung blog anda, jadi anda akan mengetahui reaksi komentar dari pengunjung anda .

Berikut Langkah-langkahnya :

•  Login ke blogger Anda
•  Masuk ke bagian Rancangan dan kemudian add gadget/widget kemudian klik HTML/Java script
• Kemudian Copy paste Script berikut ini :                                                    

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

.gbtab{
height:125px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMJgHPq1pxHhsa3ZtGW0SP2ecEe8Qa6Gnf-fHz6zRwiR7POVdnRSIY_Kshk80p2bzbqZDKYwkTW2MkgHar93eAREyP84tkmMJ1qw5kfgydDMk5yu7XMHzbQYPsHrBUY2p5TeDQniUsXg/s1600/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#ffffff;
padding:1px;
}
</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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="190" height="175" src="http://www2.cbox.ws/box/?boxid=2142893&amp;boxtag=6m4cnr&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2142893" style="border:#100100 1px solid;" id="cboxmain2-2142893"></iframe></div>
<div><iframe frameborder="0" width="190" height="75" src="http://www2.cbox.ws/box/?boxid=2142893&amp;boxtag=6m4cnr&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2142893" style="border:#100100 1px solid;border-top:0px" id="cboxform2-2142893"></iframe></div>
</div>
<!-- END CBOX -->


</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div> 

• Kemudian klik Save, dan lihat hasilnya !!!
  
  
  Sumber