membuat buku tamu

Tadi pagi saya berjalan jalan ke Blog sahabat, biasanya saya kalau mengunjungi blog orang lain pasti meninggalkan jejak di Shoutbox atau Buku Tamu milik blog tersebut, dan tadi saya menemukan sebuah blog yang buku tamu nya tersembunyi. saya ingin tau cara membuatnya karna saya sendiri juga belum tau cara membuatnya saya mencoba untuk menanyakan nya ke pada om google :D. Buku Tamu Tersembunyi

Oke... langsung saja kalau kamu belum mempunyai Shoutbox/buku tamu/kotak pesan silahkan ikuti tutorial sebelumnya dengan judul "Cara Membuat Shout Box atau Kotak Pesan" kalau kamu sudah mempunyai Shout box/buku tamu/kotak pesan silahkan ikuti cara berikut...

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML

<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/AVvXsEh45qbYbRd5N0axRSRZzOG2fUSNtsy_avikpxzh_EPqBWF1KsinVBUJ8QnIuGH0MbRXXsJjvMmiVhOXJabSBvgUPuM59S0mYcEjFc0yM5Cts1t41eN1Pw5yCc9MEfLKA5mZSBto-CMwiEs2/') 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 disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://kolom-bebas.blogspot.com/2009/07/cara-membuat-buku-tamu-tersembunyi.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



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

7. Save Widget tersebut.

source :http://kolom-bebas.blogspot.com/