<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/AVvXsEgNLILz6hGZZkP_CyJlJ4vYIdfxt3Y8IavNFjAHukw17EX0SmsPP2xIHNHfqgPnL_BXgLdqJbRzReSoCWzFxQTWF5KnBP9Duw4F-2Q6RFRZ5tLe5BrDTMPz5cm2toFmOapNy-N3syfr0oZW/') 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 kamu -->

</div>

</div>

</div>




copy script di atas kemudian simpan dulu sebentar di notepad..
seterusnya anda ambil script chat box/shoutmix anda..
letakan di antara code yng di atas yg saya beri warna merah
setelah itu anda copy semua script yang telah anda edit
tadi di notpad..lalu anda paste di HTML/javascript..

Cara membuka HTML/javascript..klik tataletak tambah/add gadget
kemudian klik tanda [ + ] plus pada HTML/javascript.
copas script yang tanda sudah anda edit..aelanjutnya
save..selesai deh bro..