assalamualikum wr.wb
bebrapa waktu lalu saya telah memberikan tutorial cara membuat Shout Box jika ingin belajar klik Disini kaliini saya akan memberikan tutorial bagaimana cara membuat Buku tamu melayang tutorial ini menurut saya sangat bermanffat untuk mempercantik halaman blog anda. ya sekarang lnagsung saja ke TKP :

1. Log in
2. Rancangan
3. Layout >>Add widget
4. pilih HTML/Javascript
sesudah itu copy Code berikut :

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') 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">

<-- copy kode shout mix anda di sini -->

<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. simpan dan lihat hasil nya
6.untuk kode yang hijau harap anda bikin kode shoutmix nya disini
   atau bila anda belum mengerti cara membuat kode shoutmix nya klik  Disini

Jika ada kode yang salah harap hubungi admin.
Hapus dulu tulisan yang berwarna hijau dan ganti dengan kode shout mix anda Tx