Cara membuat buku tamu mengambang di blog

buku tamu adalah proses yg harus disampaikan dan yang harus disampaikan itu adalah buku tamu .intinya adalah buku tamu merupakan fasilitas tambahan yg bisa digunakan untuk pengunjung blog/memberikan komentar/informasi tentang blog saya.
cara membuat buku tamu/guest book adalah sebagai berikut:

• Masuk ke http://www.shoutmix.com kemudian jika anda tidak mempunyai account shoutmix maka anda silahkan anda mendaftar lewat link saya, klik menu register masukkan email dan pasword yg anda inginkan maka akan dikirim account informasi untuk aktivasi account shout mix ke email anda.
• Setelah aktivasi account berhasil silahkan dashboard>>manage>>embed dan setting width and height sesuai dengan keingginan anda, dan klik tombol get code copykan code, untuk lebih jelasnya silahkan ikuti seperti di bawah ini:

• setelah itu masuk ke dashboard blog anda ,dalam contoh ini saya menggunakan blogger maka caranya sebagai berikut:

<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/AVvXsEgCihtGsiCsjXfvdM3a3VTa1DJjyStnBDm_7tm5JMbM-LRhysCR7XXdnR6BmCJiMfehAbOZzELq4zQ_ssEFDcii3d-y2cmXMxiG_i-hFaHFuqAU5aExbawhiSR2jUPDyHXE6YAIbrkyWA8/s800/tabs%252520copy.jpg') 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">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="300" frameborder="0" src="http://www6.shoutmix.com/?aji1990" height="350" title="aji1990">
<a href="http://www6.shoutmix.com/?aji1990">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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

• klik tab desaign>>page elements>>add gadget>>pilih html/java script.kemudian copy dan paste kan yg anda peroleh tadi.dan save untuk menyimpan

selamat mencoba