Buku tamu

Berikut ini cara untuk membuat buku tamu nya pada blog kita :

1. Log in kedalam Blogger Anda 
2. Klik layount 
3. Add Gadget  
4. HTML / Javascript 
5. Copykan kode dibawah ini : 

<!-- right hidden chatbox by http://danangnaxbuaran.blogspot.com/ START -->

<style>

#hcr {

position:fixed;

top:100px;

z-index:+1000;

}

* html #hcr {position:relative;}

.hcrtab {

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGWN1NSaIZ76sGX4Yp0_KvEcZk3Z9YVLkLd6I0XWGfA9wGCK6WuklGUrmvaaP0rth6L5XXP43ykz7cvl1DS1GtG8oxFeLnoaDKC4XLgXq16fp_SCQJyAnilHzMrkck_x4z8QI-PzfUtcM/s400/cbblue.png') no-repeat;

}

.hcrcontent {

float:left;

border:2px solid #003e82;

background:#f3f6f7;

padding:10px;

}

.hc-credit {font-size:9px}

.hc-credit a {text-decoration:none}

</style>

<script type="text/javascript">

function showHidehcr(){

var hcr = document.getElementById("hcr");

var w = hcr.offsetWidth;

hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);

hcr.opened = !hcr.opened;

}

function movehcr(x0, xf){

var hcr = document.getElementById("hcr");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

hcr.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}

}

</script>

<div id="hcr">

<div class="hcrtab" onclick="showHidehcr()"> </div>

<div class="hcrcontent">

( HTML CBOX KAMU ) 

<br />

<div class="hc-credit">

<span style="float:left">

<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->

<a href=" http://danangnaxbuaran.blogspot.com/2012/03/buku-tamu.html " target="_blank">

Get this widget!

</a>

</span>

<span style="float:right">

<a href="javascript:showHidehcr()">

[close]

</a>

</span>

</div>

</div>

</div>

<script type="text/javascript">

var hcr = document.getElementById("hcr");

hcr.style.right = (30-hcr.offsetWidth).toString() + "px";

</script>

<!-- right hidden chatbox by http://danangnaxbuaran.blogspot.com/ END -->

selesai