Shoutmix yang satu ini sama dengan shoutbox lainnya, hanya tempatnya yang berbeda. Dimana shoutbox itu ??? yah sesuai judulnya, shoutboxnya tersembunyi. Ini juga cara menghemat tempat diblogmu jika blogmu sangat padat. caranya mudah kok

ikuti langkah membuatnya ya sob. beginilah tahap-tahapnya:

1. Login ke Blog kamu
2. Klik menu Layout / Tata Letak
3. Klik Page Element
4. Klik add Gadget
5. Tambah element HTML/JavaScript
6. Copy Paste Script berikut.

<style type=&quote;text/css&quote;>
#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=&quote;text/javascript&quote;>
function showHideGB(){
var gb = document.getElementById(&quote;gb&quote;);
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(&quote;gb&quote;);
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() + &quote;px&quote;;
if(x0!=xf){setTimeout(&quote;moveGB(&quote;+x+&quote;, &quote;+xf+&quote;)&quote;, 10);}
}
</script>

<div id=&quote;gb&quote;>

<div class=&quote;gbtab&quote; onclick=&quote;showHideGB()&quote;> </div>

<div class=&quote;gbcontent&quote;>

<!-- Ganti ini dengan kode buku tamu kamu -->



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

</div>

</div>

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