Cara Memasang Buku Tamu Tersembunyi/ Hidden Shoutbox

Cara memasang buku tamu tersembunyi/ hidden shoutbox di blog.shout box adalah fasilitas untuk berinteraksi antara pengunjung blog dan pemilik blog(admin blog).biasanya buku tamu diletakkan pada side bar dan menyebabkan space halaman muka berkurang,maka alangkah baiknya di pasang buku tamu dengan fitur hidden yang terletak pada body blog.
Apabila sobat blogger belum mempunyai akun shoutmix silakan register dulu klik disini dan copy scipt/kodenya.Bagi yang masih bingung Cara Membuat Buku Tamu Di Blog silakan klik disini

Berikut Cara Memasang Buku Tamu Tersembunyi/ Hidden Shoutbox :
1. Login ke Blogspot
2. Klik Rancangan -----> Elemen Halaman
3. Klik Tambah Gadget
4. Pilih html/javascipt dan CoPas (Copy paste) kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:200px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:40px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVmMLbZ4odNLNyrFQTtF85g5yzjuZSiM9KthoCzH0Kc4mcRQkbhay61nrrvF00c5gSY4fPQ-osThwi-FeH83-SqJdk0Q1s0Ca1nwU_G1fm7WF6K5tGnxxUaR6sgj7sAP81WsQ72oc12B9J/') 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">
PASANG CODE SHOUTBOX KAMU DISINI
<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>

5. Atur posisi widget dari atas (jarak wiget dari atas) dengan mengganti nilai
top: 200px; sesuai keinginan anda.dan
ganti tulisan PASANG CODE SHOUTBOX KAMU DISINI dengan scipt/kode Shoutmix/Buku Tamu sobat.

6. untuk mengatur ukuran widget sbb :

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="XXX" src="http://www6.shoutmix.com/?XXX" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www6.shoutmix.com/?XXX">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 -->

mengganti ukuran lebar
ganti nilai width="100%" dengan nilai tanpa tanda (%) misal width="200"
mengganti ukuran tinggi ganti nilai height="460"
7. Langkah terakhir klik Simpan

Selamat mencoba...