Buku tamu tersembunyi

Sewaktu saya sedang berjalan jalan di dunia maya mengunjungi beberapa blog tetangga. Disana saya menemukan blog yang memiliki Shoutmix atau Buku tamu tersembunyi.Karena saya orangnya suka penasaran dengan sesuatu yang belum aku tahu, maka saya mencari tau cara memasang Shoutmix yang tersembunyi itu dengan menyakan ke mBah Gugel.

Ok bagi yang sudah penasara cara buatnya,ikuti tutorial berikut ini :

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('http://i1099.photobucket.com/albums/g393/puj4k35um4/tabs.png') no-repeat;
}
.gbcontent{
float:right;
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.left= x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">

< Letakkan disini kode Shoutbox Anda>

<div style="text-align:left">
<a href="http://http://pakirwan.blogspot.com/">

</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left= (30-gb.offsetWidth).toString() + "px";
</script>

7. Save Widget tersebut.

Jika sudah anda pasti akan mempunyai Shoutmix yang tersembunyi seperti di blog ini. Selamat mencoba.