Cara Membuat Buku Tamu Tersembunyi Di Blog

Ok bagi yang sudah penasara cara buatnya,ikuti Tutorial Blog nya Cara Membuat Buku Tamu Tersembunyi Di Blog or Cara Memasang Buku Tamu Tersembunyi Di Blog 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:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzaMrep65ZVUwk6TCSPHd6usExGucWIPyhlMzlQaudGpwCa0Q1i5FajQXl3yY9-Wu4OhZDAuwxJqlAvyJCxBX0HnQt54sqvZR-PSihC8zo3NIkucm1CKUOYstTEoXA8rGTW0ehFOOOemM/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://rezarezong.blogspot.com/2009/07/cara-membuat-shoutmix-buku-tamu.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



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

7. Save Widget tersebut.

Jika sudah anda pasti akan mempunyai soutmix tersembunyi. Selamat mencoba.