membuat buku tamu tersembunyi di blog

saya dulu pernah membuat buku tamu biasa.suatu saat saya lihat buku tamu orang tersembunyi.saya terkejut.akirnya saya kepingin untuk membuatnya.saya cari cari di google akhirnya saya ketemu juga.saya akan memberi tahu bagai mana cara membuat buku tamu tersebut,caranya sebagai berikut:


1.klik gambar di bawah ini:

2.isi formulir

Shoutbox information

1. Shoutbox ID: Choose a unique ID.
2. Choose password: Minimum 6 characters.
3. Retype password: Type again just to be sure.

Contact information

1. Name: Your real name.
2. Email: How we can contact you.

We hate spam as much as you do. We treat these information with utmost care and your email address is only used for administrative purposes. Please read our privacy policy for more.

I have read and agree to the Terms of Service.
3.jika sudh klik continew,lalu copy code tersebut:
4.setelah itu kamu masuk ke blogger.com-->tata letak--->tambah gedget-->HTML/Javascript.
5.dan copy kode di bawah ini,letakan di HTML/Javascript

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">
<!-- Ganti ini dengan kode Buku Tamu Anda bisa kode dari shout mix chat-->
<br/>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

7.ganti kode yang berwarna merah ini dengan kode dari get Shoutbox.
lalu kamu simpan dan coba lihat hasilnya...!!
selamat mencoba ya...

Posted in: blogger,tutorial blog,WIDGET